JQuery数据表 - 空表列标题被压扁

Question

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

当它为空时，标题会出现：

这些标题为每个标题设置了sWidth，当有数据要显示时，它们是正确的宽度，并且全部都是正确的。到目前为止，我还没有让他们表现得没有数据。

非常感谢任何帮助。

修改

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

我还尝试为<th>元素提供显式宽度<th width="50px">，并尝试在<th>上设置一个具有明确宽度的类。另外，我尝试在<span>中包装文本并设置宽度，然后设置宽度的样式。没有任何效果。实际上，<span>使标题行几乎折叠为0，使情况变得更糟。

此外，table-layout：fixed已设置。

Answer 1

在黑暗中拍摄。你试过了吗？

table {
    table-layout: fixed;
}