JQuery Datatables列溢出

Question

我的数据表有问题：它必须有一个特定的宽度，但我想显示它的所有列。整个问题看起来像这样：

我找到了解决方案Datatables Width Overflow For A Lot Of Columns和JQuery Datatables overflow，但我宁愿使用单词破解，然后在我的表格中有一个滚动条。

所以，我发现另一个解决方案jQuery DataTable overflow and text-wrapping issues根据我必须设置：

  table.display { table-layout:fixed; }
  th, td { word-wrap:break-word; overflow:hidden; text-overflow: ellipsis; }

然而，有了这个我的列宽有问题;所有列都具有相同的宽度，并忽略选项“bAutoWidth：true”：

例如， Price 列中有一个空的水平空格，或者在最后一列的图标后面。另外，断字头（th）似乎非常难看，如果 Code ， Count ， Price 和 Place <它会更好看/ em>列的大小最小（它们的宽度与标题文本的宽度匹配）。

我想指定（不知何故）每列的首选宽度，或者指定它应该包裹多少个字母。我在这篇文章breakCellText plugin中找到了jQuery DataTable overflow and text-wrapping issues。然而，这个插件不适用于我的数据表1.9.4。

Answer 1

我遇到了同样的问题。这是我的解决方案：

.dt-index {
    column-width: auto !important;
}

请将此款式用于您的桌子。

我希望这将是您的解决方案。

格尔茨 Vegeta_77