2012-10-19 78 views
3

我有一個包含兩個dataTable的頁面。其中一個填充頁面加載數據,另一個是空的(但骨架,即它有標題和空<tbody>標籤)。第二個表取決於在第一個表中選擇一行。一切正常,兩個表都加載並顯示數據,除了第二個表爲空時外。JQuery Datatables - 空表列標題被壓扁

當它是空的,標題出現正是如此:

enter image description here

那些標題爲每個sWidth集,當有來顯示的數據,他們是正確的寬度和所有是正確的有世界。迄今爲止,我還無法讓他們在表中沒有數據的情況下行事。

任何援助將不勝感激。

編輯

我試圖bAutoWidth和關閉(除去並在aoColumns屬性的添加顯式列寬。

我還試圖給<th>元件的顯式寬度<th width="50px">並試圖上設置類<th>另外我試着用<span>來包裝文本,然後設置一個寬度,然後設置一個寬度的樣式,沒有任何效果,事實上,<span>通過摺疊標題行幾乎爲0.

此外,table-layout:fixed被設置。

+0

你是怎麼在'th's中設置寬度的? – Horen

+0

DataTables有一個init選項:'bAutoWidth' ....將其設置爲'false'可能至少是解決此問題的一部分答案 – BLSully

+0

它看起來像調用fnAdjustColumnSizing()會做到這一點,但那真的是這樣做的方式?似乎應該在初始化時初始化它並調整列大小,而不需要單獨的函數調用。 – CodeWarrior

回答

1

在黑暗中拍攝。您是否嘗試過:

table { 
    table-layout: fixed; 
}