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

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

Tablesorter（mottie fork）/主题bootstrap / header sorter false =＆gt;我班仍然存在

1 个答案: