Question

我使用这个分叉：http://mottie.github.io/tablesorter/docs/#Support

我的代码是：

$(".records_list").tablesorter(
        {
            theme : 'bootstrap',
            widgets: ["zebra","uitheme"],
            headerTemplate : '{content} {icon}', 
            widgetOptions : {
              zebra : [ "even", "odd" ]
            }
      }
);

这是什么问题？

如果生成以下html：

<div class="tablesorter-header-inner">Abbreviation <i class="tablesorter-icon"></i></div>

但是，我认为它应该有一些类：.tablesorter-bootstrap .bootstrap-icon-unsorted或.tablesorter-bootstrap .icon-white.bootstrap-icon-unsorted

：（

Answer 1

您可能错过了theme.bootstrap.css文件和/或Bootstrap 3+ css文件。

Answer 2

我发现修复此问题的最好方法是编辑BundleConfig以将jquery.tablesorter.widgets.js添加到您调用tablesorter.js的任何位置。

如，

bundles.Add(new ScriptBundle("~/bundles/tablesorter").Include(
                    "~/Scripts/TableSorter/jquery.tablesorter.js",
                    "~/Scripts/TableSorter/jquery.tablesorter.widgets.js"));

tablesorter + bootstrap =没有图标

2 个答案: