2014-02-10 86 views
0

我有我的數據表的問題:它必須有一個特定的寬度,但我也想顯示其所有列。整個問題是這樣的:JQuery Datatables列溢出

overflow

我找到了解決方案Datatables Width Overflow For A Lot Of ColumnsJQuery 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:真正的」被忽略: enter image description here

例如,在價格列空的水平空間,或者在最後一欄的圖標後。此外字頭破(次)顯得非常難看,而且它看起來更好,如果代碼計數價格廣場柱在其最小尺寸(其寬度匹配的標題文本的寬度)。

我想指定(不知何故)每個列的首選寬度,或者它應該包裹多少字母后。我在此帖子中找到breakCellText pluginjQuery DataTable overflow and text-wrapping issues。儘管如此,這個插件不適用於我的數據表1.9.4。

回答

2

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

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

請使用這種風格的表。

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

Greetz Vegeta_77