2011-10-20 19 views
0

後,我有我指定的列寬度的jQuery的數據表喜歡下面:jQuery的 - 數據表不保留列寬排序

"aoColumnDefs":[ 
    { "sWidth":"40%" }, 
    { "sWidth":"10%" }, 
    { "sWidth":"50%" } ] 

我還指定了CSS樣式,如:

td { position: relative, word-wrap: break-word; } 

表格完全按照我的意思顯示,長條目已被封裝。但是,當我對第二列進行排序(排序由後端服務器處理)時,第一列的某些值很長,但從未打破並打包。該表只顯示一列(由於該值的最長長度超過表格寬度)。

我怎樣才能得到數據表服從初始化的寬度和正確呈現?

回答

1

您可以嘗試使用該列中單元格的sClass屬性,在此樣式轉到http://datatables.net/ref並向下滾動sClass引用。

"aoColumnDefs":[ 
    { "sWidth":"40%", "sClass":"relative-postition-and-break-word" }, 
    { "sWidth":"10%", "sClass":"relative-postition-and-break-word" }, 
    { "sWidth":"50%", "sClass":"relative-postition-and-break-word" } ] 

(長類名只是爲了獲得跨越點爲你的類必須爲CSS)

+0

感謝您的快速反應。我已經有了一個SClass,它被定義爲'word-wrap:break-word';'但它不起作用。我會嘗試'相對位置'。 – q2ind