Question

我的桌子上有两个theads

一个（有一行）用于标题，其中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

jQuery Tablesorter：两个THREAD的问题

1 个答案: