[image] I want to freeze the left column of table , so I set the position to sticky. But it didn't work ! Is there any way to do it?

The table is constructed in rows not columns, so this is not possible to do with just css. all you can do is constructing your own table like this [image] Perspective - View Canvas - replicate Excel spreadsheet - freeze top and left headers? Ignition here ya go: Sorry fo…

Yes it is possible it doesn't work immediately because you need the inset properties and you need it to attach to the correct parent. Here is how you do it: Set position: sticky; Set atleast one of the inset properties: i.e (left:0; since we want it on the left) Ensure it attaches to corre…

hm oke this kinda works but having to use z-index will make it break on certain settups (like popups) overflow clip is interesting though, i have never used it

Hmm actually good point about the z-index I'll keep a eye on it and see if it causes any issues. I didn't see any issues as of yet with our popups so I assume it is localized.

z-index are not localised (thats the whole point of it). I remember perspective used zindexes somewhere for sure. Anyways aslong it works its fine :stuck_out_tongue:

Great! will try! Freeze column is much needed for large tables.

I tried doing this, but for some reason the column I’m setting up to be sticky isn’t retaining the background stripes. its like the text is getting separated from the background and overlapping each other. Did you ever run into this?

If its not retaining the background stripes then maybe the background-color: inherit isn’t working. I did have the same issue when replicating with a newer project which was odd try this in the style sheet: [image] and heres the styles props on the sticky column: [image]

I had a section of code in my stylesheet that was commented out but seems to have been interfering with it. Once I cleared out my stylesheet and put just this in it worked. Thanks for posting!

Inductive Automation Forum

How to freeze a column in table

Ignition

ignition81, perspective

saiful64 July 28, 2025, 6:55am 7

Freeze a column in a table Ignition

I’ve implemented a working solution using CSS. As shown in the screenshots, you need to configure the column with position, left, and background-color settings. Make sure to also add the CSS to the stylesheet. [Screenshot 2025-07-28 121757] [Screenshot 2025-07-28 121817] @Inductive Automation, please update the global stylesheet to include default CSS for sticky classes. This will ensure that using only position: sticky in selection will function as expected.

show post in topic

Home
Categories
Guidelines
Terms of Service
Privacy Policy

Powered by Discourse, best viewed with JavaScript enabled