強制表格列在內容加載後被修復

Question

我有一個HTML表格，我在其中進行排序和篩選，並且在進行篩選時，我的列寬度有所不同。我想知道在內容加載到表格後是否有辦法強制表格保持寬度。所以當我進行篩選或排序時，什麼都不會移動，並且它會在每一列中保持寬度。

我需要保持寬度靜態AFTER數據加載到表中，因爲我不總是加載相同的數據。我首先希望數據能夠很好地調整到表格中，然後在排序或過濾之後永遠不要讓它改變寬度。

謝謝。

Answer 1

我希望我理解正確你的問題。只要數據加載，您可以將您的單元格width保留在auto上，以便您的表格以您想要的方式進行調整。然後過濾數據時，讀取列的實際寬度像素

var firstColumnWidth = $("td:nth-child(1)").get(0).clientWidth; 

，並設置width到固定值

$("td:nth-child(1)").each(function(i){$(this).css("width",firstColumnWidth+"px");}); 

例子：http://jsfiddle.net/3vqja4sa/

Answer 2

添加樣式表格，這將解決您的問題

#table-id{ 
position:fixed; 
display:block; 
} 

或

#table-id{ 
    position:fixed; 
    display:inline-block; 
    } 

Answer 3

，您可以給每個列一些最小或最大寬度。

.custom-max 
{ 
max-width: value; 
} 

OR

.custom-min 
{ 
min-width: value; 
}