Javascript固定表头_Javascript_Css

Javascript固定表头

javascript css

Javascript固定表头,javascript,css,Javascript,Css,我无法修复表的标题，以下是我的问题：我在这篇文章中使用了相同的代码：它几乎可以工作，但问题是当我向下滚动时标题的宽度改变了我不知道我做错了什么。我尝试了以下代码来修复宽度，但没有成功 $("#header-fixed td").each(function(index){ var index2 = index; $(this).width(function(index2){ return $("#table-1 td").eq(index).width(); }); }); 以下

我无法修复表的标题，以下是我的问题：

我在这篇文章中使用了相同的代码：

它几乎可以工作，但问题是当我向下滚动时标题的宽度改变了

我不知道我做错了什么。我尝试了以下代码来修复宽度，但没有成功

$("#header-fixed td").each(function(index){
var index2 = index;
$(this).width(function(index2){
    return $("#table-1 td").eq(index).width();
});
});

以下是链接：

表格单元格的宽度不仅取决于该特定表格单元格的内容，还取决于它所在的同一垂直列中的其他单元格。这是因为表形成块，所以列的宽度必须对齐

这里发生的情况是，附加的

thead

单元格的计算宽度与分离的固定

thead

单元格的计算宽度不同

在所附的

thead

中，单元格的宽度主要由以下数据决定。在第二个实例中，它没有连接到

tbody

，宽度仅由标题

td

s确定

一种解决方案是在两个

字段中指定单元格的宽度。例如，指定
<td style='...; width: 50px;'>



在所有的上，AD
单元格将使它们相等
您还可以使用javascript确定每个附加的thead
单元格的宽度，并将底部thead
单元格设置为与其对应的单元格相等。可以使用Javascript/Jquery计算DOM元素的维度。查看有关如何执行此操作的方法的答案。
表格单元格的宽度不仅取决于该特定表格单元格的内容，还取决于它所在垂直列中的其他单元格。这是因为表形成块，所以列的宽度必须对齐
这里发生的情况是，附加的thead
单元格的计算宽度与分离的固定thead
单元格的计算宽度不同
在所附的thead
中，单元格的宽度主要由以下数据决定。在第二个实例中，它没有连接到tbody
，宽度仅由标题td
s确定
一种解决方案是在两个字段中指定单元格的宽度。例如，指定
<td style='...; width: 50px;'>



在所有的上，AD
单元格将使它们相等
您还可以使用javascript确定每个附加的thead
单元格的宽度，并将底部thead
单元格设置为与其对应的单元格相等。可以使用Javascript/Jquery计算DOM元素的维度。查看有关如何实现这一点的方法的答案。
我编写了一个插件来实现这一点：我编写了一个插件来实现这一点：