具有固定标头数据表的列对齐问题

Question

我对angular数据表使用固定标头属性，代码如下所示

$scope.table.dataTable($scope.gridOpts);    
new $.fn.dataTable.FixedHeader($scope.table);

在滚动时，表格的标题固定在页面顶部，一切正常。但是我遇到了数据表的标题列和正文列之间的列对齐问题。

所以我尝试了http://bobcravens.com/2010/01/html-scrolling-table-with-fixed-headers-jquery-plugin/中描述的解决方案，但结果仍然相同。

我无法理解为什么会这样。所以我在调用固定标头功能new $.fn.dataTable.FixedHeader($scope.table);时给了一些超时。但结果仍然相同。

任何机构都面临同样的问题？

Answer 1

OMG，问题很简单。数据表固定标题功能是克隆表头并附加到正文。但是陷阱是，如果通过引用某个父类来定义样式，则给予原始表头的类在克隆表中将不可用。因此，如果我们给表格提供一些字体大小，则不会反映在克隆的标题中，因此列对齐将被破坏！。