Question

我有以下表格，增强了jquery tablesorter：

<table>
    <thead>
        <tr>
            <th colspan="2">Name</th>
            <th>Value</th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td><input type="checkbox" name="london" value="1" /></td>
            <td>London</td>
            <td>124</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="oslo" value="1" /></td>
            <td>Oslo</td>
            <td>66</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="athens" value="1" /></td>
            <td>Athens</td>
            <td>87</td>
        </tr>
    </tbod>
</table>

我现在的问题是，如果我点击“名称”列标题，表格就不会排序，因为tablesorter会尝试对第一列进行排序，这是每行中的一个复选框。

有没有办法告诉tablesorter，对第二列而不是第一列进行排序？

Answer 1

我没有你的问题的答案，但我可以告诉你替代方法。而不是使用colspan =“2”，请使用以下代码

<thead>
    <tr>
    <th style="display:none"></tr>
    <th>Name</th>
    <th>Value</th>
    </tr>
</thead>

希望它能解决你的问题。

Answer 2

我尝试了一些解决方案，但唯一适合我的方法是在第一个td列中添加一个隐藏的跨度，其中包含第二列的值：

<table>
    <thead>
        <tr>
            <th colspan="2">Name</th>
            <th>Value</th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td><span style="display: none;">London</span><input type="checkbox" name="london" value="1" /></td>
            <td>London</td>
            <td>124</td>
        </tr>
        <tr>
            <td><span style="display: none;">Oslo</span><input type="checkbox" name="oslo" value="1" /></td>
            <td>Oslo</td>
            <td>66</td>
        </tr>
        <tr>
            <td><span style="display: none;">Athens</span><input type="checkbox" name="athens" value="1" /></td>
            <td>Athens</td>
            <td>87</td>
        </tr>
    </tbod>
</table>

jQuery tablesorter - Colspan排序第二列

2 个答案: