Jquery数据表固定标题未对齐

Question

我注意到jquery数据表上的很多问题都与水平滚动和标题错位有关。我的问题不同了。我没有水平滚动，但我的标题在页面加载时没有对齐。见下图。

看起来每个标题根据框中文本的长度而变化。在添加固定标头之前，所有内容都已对齐。我想知道是否有人经历过这个，如果有的话，你是如何解决它的？

Answer 1

查看调用fixedHeader.adjust()是否会解决此问题。例如：

$('#example').DataTable({
   'drawCallback': function( settings ) {
      var api = this.api();
      api.fixedHeader.adjust();
   }
});

看起来你正在表中显示自定义控件，它们可能会在jQuery DataTables计算标题宽度后初始化。

Answer 2

我能够通过NPM下载软件包然后在故事初始化时将fixedHeader属性应用于true来解决这个问题

Answer 3

写入，

$(".dataTables_scrollBody").width($(".dataTables_scrollHead").width());

注意： - 我希望你写过"scrollX": true如果没有，请写下这一行。它将启用水平滚动条。