###前提・実現したいこと
tablesorterライブラリで、tableにソート機能を実装しています。
- url: https://mottie.github.io/tablesorter/docs/
- version: 2.26.4
以下のような複数行ヘッダを持つテーブルに対して、tablesorterを設定しています。
html
1 <table id="sampleTable"> 2 <thead> 3 <tr> 4 <th>A-1列</th> 5 <th>B-1列</th> 6 </tr> 7 <tr> 8 <th>A-2列</th> 9 <th>B-2列</th> 10 </tr> 11 </thead> 12 <tbody> 13 <tr><td>America</td><td>2</td></tr> 14 <tr><td>Brazil</td><td>1</td></tr> 15 </tbody> 16 </table>
js
1 $("#sampleTable").tablesorter();
###実現したいこと
1列目はソート機能を無効にしたいです。
下記jsを実行すると、1列目1行目はソートが無効になりましたが、1列目2行目は有効のままでした。
js
1$("#sampleTable").tablesorter({ 2 headers: { 3 0: {sorter:false} 4 } 5 });
tablesorterのオプションを使って、1列目全てをソート機能無効にする方法はあるでしょうか?
以下のように、無効にしたい全てのth要素にsorter-false
クラスを付与すれば、実現できることは分かります。
しかし、分かりやすさや、メンテナンス性を考えて、できればtablesorterのオプションで実現したいです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。