簡體   English   中英

JQuery數據表 - 空表列標題被壓扁

[英]JQuery Datatables - Empty table column headers are squished

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

當它為空時,標題出現如此:

在此輸入圖像描述

這些標題為每個標題設置了sWidth,當有數據要顯示時,它們是正確的寬度,並且全部都是正確的。 到目前為止,我還沒有讓他們在表中沒有數據的情況下表現出來。

任何援助都將非常感激。

編輯

我已經嘗試打開和關閉bAutoWidth(在aoColumns屬性中刪除並添加顯式列寬)。

我也嘗試給<th>元素一個明確的寬度<th width="50px">並嘗試在<th>上設置一個具有顯式寬度的類。 另外,我嘗試在<span>包裝文本並設置寬度,然后設置寬度的樣式。 沒有任何效果。 實際上,通過將標題行幾乎折疊為0, <span>使情況變得更糟。

另外,table-layout:fixed設置。

在黑暗中拍攝。 你有沒有嘗試過:

table {
    table-layout: fixed;
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM