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