我知道有很多关于如何获取可变宽度表的标头的线程。
我当前的解决方案基于此主题中可接受的答案：<table> with fixed <thead> and scrollable <tbody>
这里是示例： https://jsfiddle.net/bswje1k7/
我的问题是，使用此解决方案，我必须为thead中的其余8px设置颜色（通常为＃393939，但在此示例中以绿色突出显示），这会使颜色在单元格之间发光（例如边框）在移动浏览器上。即使在jsfiddle上，它也从右侧滚动条的后面照亮。
我尝试将thead宽度设置为100％，并使用width: calc(0.12 * (100% + 8px))之类的内容来计算列宽，但是它没有任何作用，并且标题列宽不会与主体列宽对齐。
是否有其他方法可以解决此问题，或者仅通过其他方法使用CSS获得响应列宽（在所有缩放级别和浏览器尺寸下完全对齐）？