JQuery 数据表列溢出答案

【问题标题】：JQuery Datatables columns overflowJQuery 数据表列溢出
【发布时间】：2014-03-08 11:24:55
【问题描述】：

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

我找到了解决方案 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”：

例如，在价格列中，或者在最后一列的图标之后有一个空白的水平空间。而且断字头（th）看起来很丑，如果Code、Count、Price和Place 列处于最小尺寸（它们的宽度与标题文本的宽度匹配）。

我想（以某种方式）指定每列的首选宽度，或者在它应该换行多少个字母之后。我在这篇帖子jQuery DataTable overflow and text-wrapping issues 中找到了breakCellText plugin。不过，这个插件不适用于我的数据表 1.9.4。

【问题讨论】：

【解决方案1】：

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

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

请为您的桌子使用这种风格。

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

问候贝吉塔_77

【讨论】：