# Perspective table header groups are getting offset when columns have margins

**URL:** <https://forum.inductiveautomation.com/t/perspective-table-header-groups-are-getting-offset-when-columns-have-margins/113320>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [January 15, 2026, 3:45pm UTC](https://forum.inductiveautomation.com/t/perspective-table-header-groups-are-getting-offset-when-columns-have-margins/113320 "2026-01-15T15:45:40Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![hw79](https://avatars.discourse-cdn.com/v4/letter/h/838e76/32.png) [@hw79](https://forum.inductiveautomation.com/u/hw79)\
**Post date:** [January 15, 2026, 3:45pm UTC](https://forum.inductiveautomation.com/t/perspective-table-header-groups-are-getting-offset-when-columns-have-margins/113320/1 "2026-01-15T15:45:40Z")

</div>

I couldn't find anything addressing this specific issue. It seems like the `span` calculation for the header groups isn't accounting for margin that the column has.

this is what it looks like with the `columns.[x].style.borderStyle: solid`, `headerStyle.borderStyle: solid`, and `headerGroupStyle.borderStyle: solid`

\*note that `headerGroups[0].[0].span` is 1 and `headerGroups[0].[1].span` is 5

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/9/b991887d75fd249ea01591da8bce61d03275a854.png)

with `margin: 2` set on `columns.[0].style` and `headerGroups[0].[0].style` everything seems to look good.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/6/169c9712e77e7882016dfbf301b4aeb84042527b.png)

now we set `margin: 2` on `columns.[x].style` and ``headerGroups[0].[1].style` and the headerGroups borders start to misalign

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/1/a14fc14e9088b8f7d05352eddd3d389398d60256.png)

this gets worse as we continue to add margin on the rest of the headerGroups

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/b/2ba484d4316cce49532b5e6c012acb3f8ec897c8.png)

it also seems to get even worse as we increase the width of the columns

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/a/baac23a4109d27b81c6e906b93e0bc0b02a8113c.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/8/d832c2b0942c8b44776197b46fd91226b9be8b0c.png)

has anyone else encountered this behavior before? I think there might be a way to solve this with some .css `width: calc()` witchery in the advanced style sheet, I'm not afraid to try to explore that path.

Thank you

---

<div class="post-metadata">

**Author:** ![David\_Stone](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/david_stone/32/79749_2.png) [@David\_Stone](https://forum.inductiveautomation.com/u/David_Stone)\
**Post date:** [January 16, 2026, 7:02am UTC](https://forum.inductiveautomation.com/t/perspective-table-header-groups-are-getting-offset-when-columns-have-margins/113320/2 "2026-01-16T07:02:28Z")

</div>

On your elements that have no border, put in the same border but with an opacity of 0. Normally fixes up this sort of thing.

---

<div class="post-metadata">

**Author:** ![hw79](https://avatars.discourse-cdn.com/v4/letter/h/838e76/32.png) [@hw79](https://forum.inductiveautomation.com/u/hw79)\
**Post date:** [January 16, 2026, 12:46pm UTC](https://forum.inductiveautomation.com/t/perspective-table-header-groups-are-getting-offset-when-columns-have-margins/113320/3 "2026-01-16T12:46:03Z")

</div>

Thank you for the suggestion, however you can see in the fourth example that all the headers and headerGroups have borders.

I feel like the header groups with a span greater than 1 aren't accounting for the additional margin that the columns inside that group would normally take up if they weren't grouped.