[EuiDataGrid] Selection columns are not aligned

[cchaos]

trafficstars

I have tested the feature locally, Everything works as expected 👍
The only thing is that I found a misalignment between the header and the row checkboxes:

@elastic/eui-design This is caused by the EuiDataGrid using gridStyle={{border: 'none'}}. The border: none; rule is applied to the header:

but the row divs only have border-color: transparent !important;:

Originally posted by @semd in https://github.com/elastic/kibana/issues/107144#issuecomment-889896823

[cchaos]

Repro: https://codesandbox.io/s/elated-voice-uukqf?file=/index.js

[hetanthakkar]

@cchaos So what do we want to keep!? alignment of row or header

[cchaos]

@hetanthakkar1 Keep the individual row's transparent borders since they're used in calculating the sizing of the cells.

[github-actions[bot]]

👋 Hey there. This issue hasn't had any activity for 180 days. We'll automatically close it if that trend continues for another week. If you feel this issue is still valid and needs attention please let us know with a comment.

[github-actions[bot]]

👋 Hey there. This issue hasn't had any activity for 180 days. We'll automatically close it if that trend continues for another week. If you feel this issue is still valid and needs attention please let us know with a comment.

[github-actions[bot]]

👋 Hey there. This issue hasn't had any activity for 180 days. We'll automatically close it if that trend continues for another week. If you feel this issue is still valid and needs attention please let us know with a comment.

[github-actions[bot]]

❌ We're automatically closing this issue due to lack of activity. Please comment if you feel this was done in error.