Jquery Tablesorter与stickyheaders

Question

我正在使用TableSorter版本2.28.1。我正在使用带有母版页的.net。

我添加了＃34; StickyHeaders＆＃34;到我的dot net Gridview，它很棒。但是，我需要让它像https://mottie.github.io/tablesorter/docs/example-widget-sticky-header.html

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

我无法让它发挥作用。我把它添加到我的代码中......

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

我将gridview放在带滚动条的asp：面板中。它会滚动，但标题不会粘住。是否有一个html（或aspx）的例子，你做了什么来获得围绕表格的滚动条并使标题粘住？

---更新于01/08/2018 ---
@Mottie我正在更新这篇文章，这样我就可以更轻松地发布我的发现。   我的包装div上没有填充/边距。我注意到，粘性标题的div在.wrapper类中获得了什么左侧位置。

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

我的.wrapper类中的填充看起来像这样＆＃34;填充：0px 5px;＆＃34;。

如果我愚弄左边（在开发者工具中）并将其增加到25px，那么它就会对齐。但是，如果我将.wrapper类更改为.25px，它仍然会关闭，因为整个表格会向左移动。

有没有办法调整粘贴头的左侧位置与.wrapper类中的填充分开？

Answer 1

我发现了问题。该表的宽度为98％（这是为了将其与其上方的DIV对齐）。一旦我删除了桌子上的宽度，那么粘性标头就能很好地工作。