2

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>

私の問題は、「名前」列ヘッダーをクリックすると、テーブルソーターが各行のチェックボックスである最初の列をソートしようとするため、テーブルがソートされないことです。

最初の列の代わりに2番目の列をソートするようにtablesorterに指示する方法はありますか?

4

2 に答える 2

0

あなたの質問には答えられませんが、別のアプローチを教えてください。colspan="2" を使用する代わりに、次のコードを使用します

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

それがあなたの問題を解決することを願っています。

于 2013-06-10T18:27:55.773 に答える
0

私はいくつかの解決策を試しましたが、私にとって唯一うまくいったのは、最初の td 列に 2 番目の列の値を含む非表示のスパンを追加することです。

<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>
于 2013-06-11T08:21:16.190 に答える