JQuery Datatables列溢出

Question

我的數據表有問題：它必須有一個特定的寬度，但我想顯示它的所有列。 整個問題看起來像這樣：

我發現解決方案Datatables Width Overflow For the Many Columns和JQuery Datatables溢出 ，但我寧願使用單詞破解然后在我的表中有一個滾動條。

所以，我找到了另一個解決方案jQuery DataTable溢出和文本包裝問題，根據我必須設置：

  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溢出和文本包裝問題中找到了breakCellText插件 。 不過，這個插件不適用於我的數據表1.9.4。

Answer 1

我有同樣的問題。 這是我的解決方案：

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

請將此款式用於您的桌子。

我希望這將是你的解決方案。

Greetz Vegeta_77