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

Question

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

当它为空时，标题出现如此：

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

任何援助都将非常感激。

编辑

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

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

另外，table-layout：fixed设置。

Answer 1

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

table {
    table-layout: fixed;
}

？