jquery - 用 jQuery 对齐两个表

Question

我在一个固定高度的滚动容器中有一个巨大的网格视图。我不希望标题滚动，所以我将标题附加到不同的部分。所以基本上我有两张桌子，一张在支架内，一张在外面，但我希望两者都具有相同的列尺寸，以便它们对齐。

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

score 1 · Accepted Answer

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

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

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

其中 object1 是您的大表的 ID，而 object2 是您的小表的 ID。

score 1 · Accepted Answer

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

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

2 回答 2