tablesorter + bootstrap =无图标

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文件和/或引导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"));