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.
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.
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:
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
