Freeze first five columns in editable table

Freeze first five columns in editable table

  

Hi community,

I have a editable table with 20 columns. I want to freeze first five columns and then horizontal scroll for remaining columns. How can I achieve this?

Thanks and Regards,

Suraj Borade

I don't think you can (sorry for the unhelpful answer).

Hi Suraj and Kilian,

You actually can do that. But it involves adding some custom css (and maybe javascript) and it will be a very specific situation.

Check this discussion:

https://stackoverflow.com/questions/18826775/fix-columns-in-horizontal-scrolling

And this example for two columns:

https://jsfiddle.net/kindrosker/ffwqvntj/

Cheers,

José

Ok, my answer was regarding standard functionality, with lots of CSS/JavaScript fiddling it may be possible. But imho an Editable Table is not meant for this.

Kilian,

You right, the CSS/Javascript for this could be a nightmare. And the fact that it's an editable table will make it even worse.

Cheers,

José

Solution

Thanks Jose and Kilian Sir.

That would be painful to change the CSS and JavaScript of editable table to achieve this but I think I can achieve this with the tablerecords. In tablerecords, I will use textboxes to update my record and when I want new record in editable table, I will create empty record and again show that in tablerecords. I think can use FreezePane component to freeze the columns of table. 

https://www.outsystems.com/forge/component/379/freeze-panes/

Thanks and Regards,

Suraj Borade

Solution