Sticky Table Headers & Columns - 两个固定的列
Sticky Table Headers & Columns - Two fixed columns
我在 table 中使用插件 Sticky Table Headers & Columns。该插件完美运行。我的问题是如何让第二列固定。查了文档,想联系作者,还是联系不上。
我也尝试添加另一个 <th>Sample #2</th>
,但是当您滚动时,该列的顶部会出现一个白色块,如您所见 here。
我想我已经非常接近解决方案了。谁能帮我解决这个问题?
在 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();
我在 table 中使用插件 Sticky Table Headers & Columns。该插件完美运行。我的问题是如何让第二列固定。查了文档,想联系作者,还是联系不上。
我也尝试添加另一个 <th>Sample #2</th>
,但是当您滚动时,该列的顶部会出现一个白色块,如您所见 here。
我想我已经非常接近解决方案了。谁能帮我解决这个问题?
在 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();