jQuery Tablesorter：两个线程的问题

Question

我的桌子上有两个头

一个（一行）用于标题，tablesorter 可以点击它进行排序。

第二个，（有一行）由另一个用于添加过滤输入框的 jQuery 脚本添加。

结构最终看起来像

<table>
    <thead>
        <tr>
            <th>text</th>
            <th>text</th>
            <th>text</th>
            <th>text</th>
        </tr>
    </thead>
    <thead>
        <tr>
            <th><input /></th>
            <th><input /></th>
            <th><input /></th>
            <th><input /></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>data</td>
            <td>data</td>
            <td>data</td>
        </tr>
        ...
    </tbody>

不幸的是，表格排序器完成后，它会将所有 tbody 行放在第二个thead中，并将 tbody 留空。

我该如何解决这个问题？

Answer 1

表格中的两个标题不是有效的 HTML。因此，它没有工作......

尝试将字段放在表格上方或下方，然后使用 tablesorter API 来发挥作用。以下是Datatables（Tablesorter 更强大的竞争对手）如何应对这一挑战：

example