Elegant alternative for table sticky header when trying to keep table headers visible.

[user98034h]

Hello,

I’ve been looking at the implementation of sticky header in the table docs and the note that it does not work in all browsers. While support is pretty wide, I’m more interested in what alternatives accomplish the goal of always showing the table headers while looking at data.

Dynamic rows per page
Is there a way to set pagination rowsPerPage dynamically so that it’s accessibility friendly (so adjust when user zooms in or out on browser too), and fills remaining page height? See how the height is set in this example? It defaults to 5 records per page but on my screen setting it to “All” wouldn’t even fill the screen so it would be great if it could default to a value that would fill whatever space was left vertically without activating the scroll bar. Does anybody know how to do this?

Does anyone know another elegant way to keep table headers visible while still maintaining accessibility and working on most browsers?