Perspective table header groups are getting offset when columns have margins

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

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

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

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

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


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

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.

2 Likes

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.