带有粘性标头的 Jquery Tablesorter

Question

我正在使用TableSorter Version 2.28.1。我正在将 .net 与母版页一起使用。

我将"StickyHeaders"添加到我的点网网格视图中，效果很好。 但是，我需要让它像示例中的第二个表一样工作 https://mottie.github.io/tablesorter/docs/example-widget-sticky-header.html

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

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

我将网格视图放在带有滚动条的asp：panel中。 它会滚动，但标题不会粘住。 是否有一个 html(或 aspx)示例，说明您为获取表格周围的滚动条并使标题粘住

所做的工作？--- 更新 01/08/2018 ---
@Mottie 我正在更新这篇文章，以便我可以更轻松地发布我的发现。 我的包装div 上没有填充/边距。 我注意到的是，粘性标头的div 获得了 .wrapper 类中内容的左位置。

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

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

如果我玩弄左边(即开发人员工具)并将其增加到 25px，那么它就会对齐。 但是如果我将 .wrapper 类更改为 .25px，它仍然关闭，因为整个表向左移动。

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

Answer 1

我发现了问题。 表格的宽度为 98%(这是为了将其与上面的 DIV 对齐)。 一旦我删除了桌子上的宽度，那么粘性标题就效果很好。