CSS：可滚动表格未对齐的列

Question

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

有什么帮助吗？

更新：

Answer 1

您的问题是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，以使它们相等。