用jQuery對齊兩個表

Question

我有一個固定高度的滾動容器中的巨大gridview。我不希望標題滾動，所以我在不同的部分添加了標題。所以基本上我有兩張桌子，一個在持有人和一個在外面，但我希望兩個都有相同的列尺寸，以便他們排隊。

我該如何做到這一點？我不想固定大小任何東西，我絕對想要追加gridview的標題列，因爲如果我更改gridview我想要更改標題。我需要的只是讓他們排隊。

Answer 1

你可以嘗試這樣的事情。首先建立你的表與表頭。然後在文檔準備好使用jQuery克隆表頭，刪除現有的頭，然後將克隆副本放入另一個表。在這種情況下，您可能不需要設置寬度，但是如果這樣做，您可以獲取原始表格列的寬度並將這些寬度應用於附加表格（具有標題行的表格）。

如果您的內容表的列更改寬度，則必須獲取所有列的寬度並將其應用於相應的表格標題單元格。

Answer 2

您可以選擇兩個表格並使它們的高度相等。

var height = $("#object1").outerHeight(); 
$("#object2").height(height); 

or shorter: $("#object2").height($("#object1").outerHeight()); 

其中object1是您的大桌子ID，object2是您小桌子的ID。