tablesorter错误地滚动带有粘性标题的禁用按钮

Question

当我启用了粘性标题和列中的按钮时，我看到了tablesorter的一些奇怪行为。当按钮启用时，当我向上滚动行时，它们会正确地消失在标题下面。但是，当按钮禁用时，它们不会在向上滚动时在标题“下方”消失 - 而是显示在标题上方。看看我的意思。第一个图像显示问题）按钮禁用）而第二个图像显示正确的行为（按钮启用）（标题是浅蓝色的“动作”文本）：

非常感谢您的帮助。

编辑1：

表格排序版本为2.18.3

以下是启用和禁用按钮的表格js和css：

    $('#tablesorter-ap-list').tablesorter({
        theme : 'blue',
        headerTemplate: '{content} {icon}',
        widgets    : ['zebra','columns', 'cssStickyHeaders', 'uitheme'],
        sortList     :[[0,0]],
        headers: {},
        widthFixed : true,
        widgetOptions: {
            cssStickyHeaders_offset        : 0,
            cssStickyHeaders_addCaption    : true,
            // jQuery selector or object to attach sticky header to
            cssStickyHeaders_attachTo      : null,
            cssStickyHeaders_filteredToTop : true,
            cssStickyHeaders_zIndex        : 10
        }
    });

这是启用按钮列的css（本例中为两个按钮）：

<td>
    <a type="button" class="btn btn-success btn-xs" href="/hs/bk/ae/986/cac:cac_top/" role="button">Edit</a>
    <a type="button" class="btn btn-success btn-xs" href="/hs/bk/av/986/cac:cac_top/">View</a>
</td>

这是禁用按钮案例的CSS。有趣的是，如果禁用一个或两个按钮并不重要 - 只要禁用一个按钮，就会显示不正确的滚动行为：

<td>
    <a type="button" disabled class="btn btn-success btn-xs" href="/hs/bk/ae/954/cac:cac_top/" role="button">Edit</a>
    <a type="button" class="btn btn-success btn-xs" href="/hs/bk/av/954/cac:cac_top/">View</a>
</td>

Answer 1

stacking context看起来像是个问题。禁用按钮时，Bootstrap会将opacity应用于按钮;这会导致thead使用转换的堆叠问题。

我发现这个解决方案可以恢复不透明度并改变背部和背面。更改背景颜色（demo）：

a.btn[disabled] {
    opacity: 1;
    background-color: rgba(0,128,0,0.3);
    border-color: rgba(0,128,0,0.3);
}