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

当我在一列中启用了粘性标题和按钮时，我看到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（本例中有两个按钮）：

这是禁用按钮盒的css。有趣的是，如果一个或两个按钮都被禁用，这并不重要——只要一个按钮被禁用，就会显示不正确的滚动行为）：

---

这似乎是一个问题。当一个按钮被禁用时，引导应用一个

不透明度

；这会导致使用变换的

thead

出现堆叠问题

我找到了这个解决方案，它可以恢复不透明度并更改背面&更改背景色（）：

---

你能分享按钮的css吗。。。启用和禁用状态的css。我认为这是粘性标题的某种z顺序问题（不确定在启用/禁用按钮时为什么这很重要）。我这样说是因为当表格在粘性标题下滚动时，我可以看到标题上方滚动表格的几个像素（无论是否涉及按钮）。很抱歉延迟-我明天将在代码中尝试修复。。。我尝试了上面的演示（在您提供的链接上），我注意到另一个较小的nit，它与我的表格上的一样：标题栏上方大约有一个或两个像素的区域，位于标题栏和窗格底部边缘之间——当您滚动时，当表格滚动通过1-2像素的水平区域时，您将看到该区域中的几个像素发生变化。这不是什么大问题，但对用户来说是否有点分散注意力，我为这个业余的第二个问题道歉，但我已经研究过了，在init的表“闪烁”主题上没有发现任何有用的东西。我有相当大的表（比如100行，15列），当页面第一次显示时，它们以默认颜色（棕色）显示，然后当页面初始化时，它们（大声）闪烁回到我的蓝色主题。我试了很多东西都没有用。如有任何想法/链接，将不胜感激。既然我知道你是ts大师，我想你会有一些洞察力。理想情况下，我希望表格在准备好渲染之前不会显示。您看到的是所谓的FOUC（未设置样式的内容的Flash）。如果希望表在init上应用蓝色主题，请向表中添加“TableSorterBlue”类名。如果你仍然想隐藏这个表，那么我必须想一个替代的方法。莫蒂：两种修复方法都值得赞许！！我不得不用一种不同的方式来处理css，我决定为这种情况使用一个特殊的类，所以我这样做了：“a.btn.disabled.tablesorter btn fix success{…}”，并将tablesorter btn fix success类仅应用于禁用的按钮。非常感谢-tablesorter蓝色非常适合我，满足我的所有需求。喜欢这个有暗示意义的首字母缩略词；）哈哈，我没有编造。

<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>

<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>

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