Question

我冻结了桌子的标题，所以当你向下滚动时。标题保留。

使用Laerte Mercier Junior建议的freezeHeader here

工作正常。

但是，如果您向下滚动，然后调整窗口宽度（也称为表格宽度），则会显示重复标题。（我的桌子宽度设置为100％，似乎不喜欢）

注意：我已经将标题设置为背景清晰，因此您可以看到后面的重复标题。因此，忽略通过标题查看行数据的能力。

问题在于，如果你滚动一下，然后使窗口更小，你可以向右滚动以查看完整的标题（它不会缩放）。

我使用了宽度为100％的通用表：

<table class="gridView" id="table1" style="width:100%">

致电

$("#table1").freezeHeader({
   'height': '300px'
});

问题可以在小提琴手中看到： http://jsfiddle.net/pXC3C/

滚动，然后更改窗口大小以使其更小 - 右侧显示滚动条，+重复标题

Answer 1

在那里我遇到了类似的问题，我想你会在这里，我想这个例子会帮助你DEMO

<强> HTML

<table class="tablesorter" cellspacing="1">
<thead>
<tr>
<th>first name</th>
<th>last name</th>
<th>age</th>
<th>total</th>
<th>discount</th>
<th>date</th>
</tr>
</thead>
.....

Answer 2

尝试更换：

if (params && params.height !== undefined) {
            container.css("top", obj.offset().top + "px");
            container.css("position", "absolute");
        }

使用：

if (params && params.height !== undefined) {
            container.css("top", obj.offset().top + "px");
            container.css("position", "absolute");
            container.width("calc(100% - 33px)");
        }

冻结宽度为100％的html标题

2 个答案: