Sticky Table Headers&列 - 两个固定列

时间:2015-02-04 18:49:20

标签: jquery css html-table sticky fixed-header-tables

我在表格中使用插件Sticky Table Headers & Columns。该插件非常有效。我的问题是如何修复第二列。我搜索了文档并试图联系作者,但它仍然失败。

我还尝试添加其他<th>Sample #2</th>,但滚动时会在列顶部显示一个白色块,您可以看到here

我认为我非常接近解决方案。任何人都可以帮我解决这个问题吗?

解决: jsfiddle.net/tyanxbbs/8

1 个答案:

答案 0 :(得分:2)

在jquery.stickyheader.js中编辑以下行并尝试。

$stickyInsct.html('<thead><tr><th>'+$t.find('thead th:first-child').html()+'</th></tr></thead>');

$stickyInsct.html('<thead><tr><th>'+$t.find('thead th:first-child').html()+'</th><th>'+$t.find('thead th:eq(1)').html()+'</th></tr></thead>');

也更新以下行。我刚刚从0变为1。

$stickyCol.append($col)
                .find('thead th:gt(1)').remove()
                .end()
                .find('tbody td').remove();