javascript - JQuery Datatables - 空表列标题被压扁

Question

我有一个包含两个数据表的页面。其中一个在页面加载时填充了数据，另一个是空的（但是是骨架，即它有标题和空<tbody>标签）。第二个表取决于第一个表中的行的选择。一切正常，两个表都按应有的方式加载和显示数据，但第二个表为空时除外。

当它为空时，标题如下所示：

这些标题为每个标题设置了 sWidth，当有要显示的数据时，它们是正确的宽度，并且一切正常。到目前为止，我还无法让它们在表中没有数据的情况下表现出来。

任何帮助将不胜感激。

编辑

我已经尝试打开和关闭 bAutoWidth（在 aoColumns 属性中删除和添加显式列宽。

我还尝试给<th>元素一个显式宽度<th width="50px">，并尝试在 上设置一个<th>具有显式宽度的类。此外，我尝试将 th 中的文本包装在 a 中<span>并设置宽度，然后设置具有宽度的样式。没有任何效果。事实上，<span>通过将标题行几乎折叠到 0，情况变得更糟。

此外，还设置了 table-layout:fixed。

Answer 1

在黑暗中拍摄。你有没有尝试过：

table {
    table-layout: fixed;
}

?