Sticky position in a table

Ask us anything How do I?
1

Hello everyone :slightly_smiling_face:

I have a question about displaying a table.

I have a large table that can only be fully displayed on a big screen. So, I used Joyce’s trick by setting fixed sizes and wrapping the table in a div with a condition on the overflow property to add horizontal scrolling when the screen is too small. video link

My problem is that I need to make my header sticky, but I can’t get it to work with my current settings… Do you have any suggestions?

Thanks in advance, have a great day! :sunny:

2

Im having the same problem

3

Hello @etremblay-neocarbone,

You should be able to do what you want by defining the property position to sticky of the header of the table

1 Like
4

Thank you ! I was already using that but my problem was I needed to have the first column sticky, and the first row sticky. But also have a horizontal and vertical scroll on the rest. I managed to do it but I can’t even explain how :sweat_smile:

1 Like