使用jQuery对齐两个表

Question

我在一个固定高度的滚动容器中有一个巨大的gridview。我不希望标题滚动，所以我在不同的部分添加标题。所以基本上我有两个表，一个在持有人内部，一个在外面，但我希望两者都有相同的列尺寸，以便排列。

我如何做到这一点？我不想修改任何大小，我肯定想附加gridview的标题列，因为如果我更改gridview，我希望标题更改。我只需要他们排队。

Answer 1

您可以选择两个表并使它们的高度相等。

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

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

其中object1是你的大表的id，object2是你的小表的id。

Answer 2

你可以尝试这样的事情。首先使用表格标题构建表格。然后在文档就绪时使用jQuery克隆表头，删除现有头，然后将克隆副本放入另一个表中。在这种情况下，您可能不需要设置宽度，但如果这样做，您可以获得原始表的列的宽度，并将这些宽度应用于附加的表（带有标题行的表）。

如果内容表的列更改宽度，则必须获取所有列的宽度，并将它们应用于相应的表头单元格。