Jquery 表排序器主题不工作

我的代码除了对tablesorter的主题说明之外，其他都可以工作。我已经将主题放在TableSorterJS中的CSS文件夹中。如果你能帮助我，我感谢你的帮助。这是我的密码：

<table id="dtTable" class="table table-bordered table-responsive">
    <thead>
        <tr>
            <th align="center">#</th>
            <th>Desc</th>
            <th colspan="2" align="center">Action</th>
        </tr>
    </thead>
    <tbody>
        <?php $query="SELECT * FROM eth" ; $records_per_page=10; $newquery=$ eth->paging($query,$records_per_page); $eth->dataview($newquery); ?>
        <tbody class "do-not-sort tablesorter-no-sort">
            <tr>
                <td colspan="7" align="center">
                    <div class="pagination-wrap">
                        <?php $eth->paginglink($query,$records_per_page); ?></div>
                </td>
            </tr>
        </tbody>
    </tbody>
</table>
<script type="text/javascript">
    $(function() {

        $("#dtTable").tablesorter()
        selectorSort: "th, td"
        selectorRemove: "tr.do-not-sort"
        theme: "jui"
    });
</script>

#
描述
行动
$（函数（）{
$（“#dtTable”）.tablesorter（）
选择器排序：“th，td”
选择或删除：“tr.do-not-sort”
主题：“瑞”
});

---

谢谢

使用引导或jQuery UI样式时，您需要“uitheme”小部件来管理类名（）

页眉

<!-- ui theme stylesheet - contents shown below -->
<link rel="stylesheet" href="../css/theme.jui.css">
<!-- jQuery UI theme (cupertino example here) -->
<link rel="stylesheet" href="css/jquery-ui.min.css">

<!-- tablesorter plugin -->
<script src="../js/jquery.tablesorter.js"></script>
<!-- tablesorter widget file - loaded after the plugin -->
<script src="../js/jquery.tablesorter.widgets.js"></script>

“uitheme”小部件包含在

jquery.tablesorter.widgets.js

文件中，需要与

headerTemplate

中的

{icon}

模式一起包含在

widgets

选项中

$(function () {
    $('table').tablesorter({
        theme: 'jui',
        headerTemplate: '{content}{icon}',
        widgets: ['zebra', 'uitheme']
    });
});