Freeze 1 Column in a Table

App Development
1

Hey Tadabase Community,

I am trying to freeze the first column in a table. I’ve tried several strategies but I’m unable to successfully make it work. (I am already successfully freezing the table headers.) Any thoughts would be appreciated.

Thank you,

2

I could do something with CSS:

.make-it-sticky {
    left:0;
   position:sticky; 
}

Apply the class to the 1st column of your table in the CSS field, so add “make-it-sticky” to it.

It works, but alas it also means that the 2nd column will merge into the sticky text of the first column upon scrolling.
Although I don’t know the final solution, I hope I gave you a pointer to develop it further.

Personally, I don’t see much of a point, because my tables are not so wide and it is solved by the responsiveness built in the tb-platform.