# Table Padding on Row Not Working as Expected **URL:** \ **Category:** Ignition\ **Tags:** perspective, ignition81\ **Created:** [May 4, 2026, 7:51pm UTC](https://forum.inductiveautomation.com/t/table-padding-on-row-not-working-as-expected/115370 "2026-05-04T19:51:55Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![tebright1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tebright1/32/87405_2.png) [@tebright1](https://forum.inductiveautomation.com/u/tebright1)\ **Post date:** [May 4, 2026, 7:51pm UTC](https://forum.inductiveautomation.com/t/table-padding-on-row-not-working-as-expected/115370/1 "2026-05-04T19:51:55Z")
Working on a table an noticed the header was not aligned with the tables contents. Followed the thread listed below. Ran into an issue with how the row selection looks. > [@Perspective table cell padding](https://forum.inductiveautomation.com/t/perspective-table-cell-padding/56407): > > [Cell padding] Does anyone know how to pad the contents of a table cell? Setting props.columns,n.style.paddingLeft doesn’t do anything. In general, applying any styles or classes to the default Folsom table doesn’t appear to do anything. Thanks. When a row is selected, I noticed the selection is shifted creating a gap. Visually, not a fan of this. But the tex position is good. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/d/ada142d5c766e10c5fdd5ed12af317ed7c1afe5f.png) marginLeft fixed the tex. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/2/72c78c70ddafce379dc5f30123dfd06fbc01a00b.png) Decided I need to pad the content. But this has 0 effect. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/f/8f221efe6d74f5d14f9c58b6576b7983be98d990.png) Setting I applied. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/c/8c577ef1e9715a448f9186a2a0020525cc5a4fd8.png) I might be needing to set padding on a different object or should the Padding Left be working? Thoughts? ---
**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\ **Post date:** [May 4, 2026, 9:41pm UTC](https://forum.inductiveautomation.com/t/table-padding-on-row-not-working-as-expected/115370/2 "2026-05-04T21:41:31Z")
If you launch the view in a browser you can use Developer Tools (F12) to examine the CSS. Hit the inspect button (top left) and select the item to be examined. Here's what I got: On the table header: `.table-container .t .thc .content {padding: 5px;}` On a table row: `.table-container .t .tc .content {padding: 0px;}` On the selected row: `.table-container .t .tc .content {padding: 0px;}` If I understand your question properly, the solution is to modify the `tc` padding by overwriting it in the advanced stylesheet. Add these two lines: ```python .table-container .t .tc .content {padding: 5px;} .table-container .t .tc .content {padding: 5px;} ``` Save and reload the page in the browser. (You may need a Ctrl+F5 to force a reload of the CSS file. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/3/a3b94c5888b5a88f298c15bdd8e1d869e74c6b95.png) _The result._ ---
**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\ **Post date:** [May 4, 2026, 10:38pm UTC](https://forum.inductiveautomation.com/t/table-padding-on-row-not-working-as-expected/115370/3 "2026-05-04T22:38:11Z")
You should be able to do this directly in the component and not use the stylesheet. I've always done this (mostly within a style class, but same thing). Not sure why it's not working for the OP ---
**Author:** ![tebright1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tebright1/32/87405_2.png) [@tebright1](https://forum.inductiveautomation.com/u/tebright1)\ **Post date:** [May 5, 2026, 1:55pm UTC](https://forum.inductiveautomation.com/t/table-padding-on-row-not-working-as-expected/115370/4 "2026-05-05T13:55:39Z")
Not sure either. Hence the question. Seems like it should be easy to fix. Will give the styling sheet a try. ---
**Author:** ![tebright1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tebright1/32/87405_2.png) [@tebright1](https://forum.inductiveautomation.com/u/tebright1)\ **Post date:** [May 5, 2026, 7:08pm UTC](https://forum.inductiveautomation.com/t/table-padding-on-row-not-working-as-expected/115370/5 "2026-05-05T19:08:57Z")
@Transistor I noticed your solution shows the same thing twice. Was one supposed to be ".thc"? > .table-container .t .thc .content {padding: 5px;} > .table-container .t .tc .content {padding: 5px;} ---
**Author:** ![tebright1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tebright1/32/87405_2.png) [@tebright1](https://forum.inductiveautomation.com/u/tebright1)\ **Post date:** [May 5, 2026, 7:21pm UTC](https://forum.inductiveautomation.com/t/table-padding-on-row-not-working-as-expected/115370/6 "2026-05-05T19:21:37Z")
I set a domID: ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/c/5c8a1562f2a308529caca6248779e4ace9e6ac88.png) Referenced it in the "stylesheet": ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/5/f50c58b20b4bc0c05ed605ac30eaf27c8cd21908.png) Solution (proper spacing): ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/3/03d99cb7456a7d8edf0c5b86aeda3d0ceebda63c.png)