余分なヘッダー行を持つソート可能なテーブル

Question

最初のヘッダー行でsortableの動作を無効にすることはできますか？

ヘッダカーソルがポインタであり、背景のonblur /のonFocusを変更：

<table class="ui sortable table"> 
    <thead> 
    <tr> 
     <th colspan="2"> 
     Header 
     </th> 
    </tr> 
    <tr> 
     <th>Id</th> 
     <th class="ascending sorted">Username</th> 
    </tr> 
    </thead> 
    ... 
</table> 

現時点では、このように振る舞います。

Answer 1

並べ替えを処理するためのjavascriptを追加するか、セマンティックUIインテグレーションに付属するテーブルの並べ替え、検索、フィルタリングなどの一般的な依存関係を使用できます。

テーブルをソートするには、あなたは、単にこのようのdataTableのインスタンスを呼び出すことができます。

$(document).ready(function() { 
    $('#myTable').DataTable(); 
}); 

あなたはその参照をチェックアウトする必要があります。それはかなり簡単な例と使用法のガイドを持っています。