Jquery 带有 stickyheaders 的 Tablesorter

Question

我正在使用 TableSorter 版本 2.28.1。我在母版页中使用 .net。

我将 "StickyHeaders" 添加到我的点网 Gridview 中，效果很好。但是，我需要让它像 https://mottie.github.io/tablesorter/docs/example-widget-sticky-header.html

中的示例中的第二个 table 一样工作

我无法让它工作。我将其添加到我的代码中...

widgets: ['zebra', 'StickyHeaders'],
widgetOptions: {
 stickyHeaders_attachTo: '.wrapper' 
}

我把 gridview 放在一个 asp:panel 带滚动条的里面。它滚动但 header 不粘。是否有 html（或 aspx）的示例，说明您为使 table 周围的滚动条并使 header 保持不变所做的工作？

--- 更新于 01/08/2018 ---
@Mottie 我正在更新此 post 以便我可以 post 我的发现更容易。我的包装 div 上没有 padding/margins。我注意到的是 div 对于粘性 header 得到了 .wrapper class.

中内容的左侧位置

<DIV class="tablesorter-sticky-wrapper tablesorter-sticky-visible" style="WIDTH: 1076px; POSITION: absolute; LEFT: 5px; Z-INDEX: 2; TOP: 96px; VISIBILITY: visible">

我的 .wrapper class 中的填充看起来像这样 "padding: 0px 5px;"。

如果我在左边（即在开发者工具中）胡乱把它增加到 25px，然后它就会对齐。但是如果我将 .wrapper class 更改为 .25px 它仍然关闭，因为整个 table 向左移动。

有没有办法调整 sticky header 的左侧位置与 .wrapper class 中的填充分开？

Answer 1

我发现了问题。 Table 的宽度为 98%（这是为了将其与上面的 DIV 对齐）。一旦我删除了 table 上的宽度，那么粘性 headers 效果很好。

Jquery 带有 stickyheaders 的 Tablesorter

Jquery Tablesorter with stickyheaders

jquery

tablesorter