克隆表头(jquery)

时间:2018-01-15 17:02:58

标签: jquery html css

第一次提问者.....

当桌面到达浏览器顶部时,我有一个粘贴表头的任务。我决定克隆原始表头并将其放在一个新的div中,只有当文档滚动到某个位置时才会显示,然后我将生成的原始列的列宽推入一个数组,然后设置每个的宽度在新标题中。

现在值得指出的是,在这个需要发生的多个页面上有多个表,它们都是由.NET生成的,并且它们可以有多少列。

这种方法适用于某些浏览器,例如Chrome,但是当我在IE上查看此方法时,新标头错位很少,如果我在IE中检查生成的html,我可以看到原始td会生成某些东西例如53.55px宽,例如52.95px。

下面是剧本,任何帮助都会很棒!

var headerWidths = [], i = 0;
$("#ProductTable0 > tbody > tr:first-child > td").each(function () {
    thisWidth = $(this).width().toFixed(2);
    headerWidths.push(thisWidth);
});
$(".duped-table th").each(function () {
    $(this).width(headerWidths[i]);
    i += 1;
});

0 个答案:

没有答案