Freeze Header row in neoTable

#1 · July 9, 2019, 7:26 am

How can we freeze header row in neoTable?

#2 · July 9, 2019, 7:35 pm

I don't understand your question @asmat
Do you mean pagination?
Please show an example.

#3 · July 9, 2019, 9:02 pm

I have a sample table with more than hundred rows, the container of this table has scroll bar

I have meant whenever I come down with scroll, the row header does not move, should be Residing(freeze).

For more information you can visit this link.

#4 · July 10, 2019, 7:30 am

Let me do some experiments to see if I can find the best way to achieve this.
Is there any reason for not using pagination instead of a scroll?

Regards.

#5 · July 10, 2019, 9:57 am

Please try adding this CSS into Project > Properties > Styles

tbody {
    display:block;
    height:200px;
    overflow:auto;
}
thead, tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
thead {
    width: calc( 100% - 1.2em );
}

You will probably want to set a fixed with for each column on neoTableSetColumn command.
Change the height on the third line to whatever value you need.
Let me know if it works for you.
Regards.

#6 · July 10, 2019, 12:59 pm

Yes, the above css code work for me perfect. This is something i need that.

Thank you!

luishp has reacted to this post.

Freeze Header row in neoTable - Forum

Freeze Header row in neoTable