为什么 div.tablesorter-sticky-wrapper left 设置总是为零？

【问题标题】：Why is div.tablesorter-sticky-wrapper left setting always zero?为什么 div.tablesorter-sticky-wrapper left 设置总是为零？
【发布时间】：2014-11-07 21:10:47
【问题描述】：

我在这里使用 tablesorter 版本 2.18.2 和 stickyHeaders 小部件：

http://mottie.github.io/tablesorter/docs/example-widget-sticky-header.html

当stickyHeader 出现在屏幕上时，它是绝对定位的，left 总是为零。我的表格不在零位，所以stickyHeader 出现在错误的位置。

left设置不应该是表格的左侧位置吗？这是一个错误吗？

我尝试了 cssStickyHeaders 小部件，它正确定位了 stickyHeader，但不提供 z-index 选项。我需要将 z-index 设置为 4，以便标题出现在表格中的控件顶部。

【问题讨论】：

标签： jquery tablesorter

【解决方案1】：

该小部件旨在添加表格左侧位置、左边距和填充以对齐克隆的标题。如果需要修改 z-index，stickyHeaders_zIndex 选项可用。

小部件应该按原样工作。我创建了this demo，表格设置为向右浮动，并且排列正确。

我相信您遇到的问题是使用 stickyHeaders_attachTo 选项将克隆附加到表包装器 (demo)

$(function () {
    $('table').tablesorter({
        theme: 'blue',
        widgets: ['zebra', 'stickyHeaders'],
        widgetOptions: {
            stickyHeaders_attachTo: $('#wrapper'),
            stickyHeaders_yScroll: $(window),
            stickyHeaders_zIndex: 2
        }
    });
});

解决方案是在包装器中添加position: relative (demo)

【讨论】：