0

私の問題はこれに似ています: Tablesorter 2.0.3 colspan issueですが、私のテーブルの構造は次のとおりです:

<table id="myTable">
<theader>
    <tr>  
        <th>Reference</th>
        <th>Description</th>
        <th>State</th>
        <th>Description</th>            
    </tr>
</theader>
<tbody>
    <tr>
        <td colspan="2">111</td>            
        <td colspan="2">Ok</td>
    </tr>        
</tbody>

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ </p>

このテーブルにテーブル ソーターを適用した後、正しく並べ替えられませんでした。最初と 2 番目のヘッダーをクリックした場合にのみ、テーブルを並べ替えることができます。Tablesorter 2.0.3 colspan の問題から解決策を私の問題に適応させようとしましたが、jquery プラグイン内でエラーが発生しました。

ただし、1 番目と 3 番目のヘッダーをクリックした場合は並べ替える必要があります。また、私がやろうとしたことは、次のようなヘッダーを有効および無効にすることです。

$("#myTable").tablesorter({
            headers: { 
                  0: { 
                      sorter: true
                  },
                  1: { 
                      sorter: false
                  },
                  2: { 
                      sorter: true
                  },
                  3: { 
                      sorter: false
                  },
});

誰かがそれを手伝ってくれますか？ありがとう

4

1 に答える 1

1

問題のヘッダーを 1 つのセルに結合します。

<table id="myTable">
 <theader>
    <tr>  
        <th colspan='2'>Reference / Description</th>
        <th colspan='2'><div>State / Description</th>            
    </tr>
 </theader>
 <tbody>
    <tr>
        <td colspan="2">111</td>            
        <td colspan="2">Ok</td>
    </tr>        
 </tbody>
于 2012-06-07T12:06:36.587 に答える