html - CSS:可滚动表格的列未对齐

我正在尝试使用具有悬停效果的固定标题使表可滚动。我使用此question来设置我的CSS文件。我总是没有对齐的列：
here is my Plnker demo: Plunker demo

请帮忙吗？

更新：

最佳答案

您的问题是display: block规则破坏了表格对齐。

您在哪里：

.hoverTable tbody, .hoverTable thead { display: block; width: calc(100% - 17px); }

删除该规则：

.hoverTable tbody, .hoverTable thead { width: calc(100% - 17px); }

您还具有第9个元素和10个td元素。在th的末尾放置一个空的thead以使其相等。

关于html - CSS:可滚动表格的列未对齐，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51271686/