用 jQuery 对齐两个表答案

【问题标题】：Aligning two tables with jQuery用 jQuery 对齐两个表
【发布时间】：2012-07-11 03:42:08
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：