jquery - Tablesorter (mottie fork)/theme bootstrap/headers sorter false => i 类仍然存在

Question

我的应用程序使用 jQuery + Tablesorter (mottie fork) 创建服务器概览表。

我使用 Bootstrap 主题 ( theme.bootstrap.css ) 并在 tablesorter init 中添加

theme: "bootstrap"

并使用

禁用第 0 列

headers: { 0: { 
                           sorter: false, 
                           filter: false
                       }
                  },

看起来不错:

view of checkbox in header

但我在使用该复选框时遇到问题。我只能在标题正下方的一个像素处激活它。

我可以看到，排序图标不会显示，但 <i class ..>仍然在那里。

此设置会覆盖我的小标题复选框:

<div class="tablesorter-wrapper" style="position:relative;height:100%;width:100%">
   <div class="tablesorter-header-inner"><input name="Marked" value="0" onclick="CheckTable(this,'chkbox_')" type="checkbox"> 
      <i class="tablesorter-icon"></i>
   </div>
</div>

这是在哪里<i class ...>来自？我做错了什么？

问候 乔亨

Tablesorter v2.26.5 jQuery v2.2.3

Answer 1

这看起来像是 CSS 中的一个错误。我刚刚将以下 css 定义添加到 bootstrap 主题(以及其他一些主题)

.tablesorter-bootstrap .tablesorter-header.sorter-false i.tablesorter-icon {
  display: none;
}
.tablesorter-bootstrap .sorter-false .tablesorter-header-inner {
  padding: 4px;
}

如果您添加它们，或者从主分支更新主题(尚未发布)。