JQuery的数据表列溢出(JQuery Datatables columns overflow)

我有我的数据表的问题：它必须有一个特定的宽度，而且我想要显示它的所有列。 整个事件看起来是这样的：

我找到的解决办法的DataTable宽度溢出了很多列和JQuery的数据表溢出 ，但我宁愿使用断词，然后在我的表中的滚动条。

于是，我找到了另一种解决方案jQuery的数据表溢出和文字环绕的问题 ，根据我不得不设置：

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

然而，与此我曾与列宽的问题; 所有列具有相同的宽度和选项“bAutoWidth：真正的”被忽略：

例如，在价格列空的水平空间，或者在最后一栏的图标后。 此外字头破（次）显得非常难看，而且它看起来更好，如果代码 ， 数量 ， 价格和地点柱在其最小尺寸（其宽度匹配的标题文本的宽度）。

我想说明（在某种程度上）为每列首选宽度，或者它应该有多少信件包裹后。 我发现breakCellText插件在这个岗位jQuery的数据表溢出和文字环绕的问题 。 尽管如此，这个插件是不是我的数据表1.9.4的工作。

Answer 1:

我有同样的问题。 这里是我的解决方案：

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

请使用这种风格的餐桌。

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

格尔茨Vegeta_77

文章来源: JQuery Datatables columns overflow