2

この例はstackoverflowで見つけました。これはとても役に立ちます。

http://jsfiddle.net/Mottie/Yke6M/

現在、テーブルの内容を並べ替えるには 2 つの方法があります。

1) 各テーブル ヘッダーをクリックして並べ替え 2) オプション ドロップダウンを選択してテーブルを並べ替えます。

私の要件は、ドロップダウンメニューを使用した並べ替えのみです。テーブル ヘッダーをクリックして並べ替え機能を削除したい。

ヘッダーのクリックを無効にできますか?

テーブルヘッダーにcssを追加して、クリックできないようにすることができると思います。しかし、CSSにそのようなものがあるかどうかはわかりません。

ありがとう

4

2 に答える 2

3

必要なのは、各列のソーターをfalseに設定することだけです。

$('table').tablesorter({
    headers : {
        0 : { sorter: false },
        1 : { sorter: false },
        2 : { sorter: false },
        3 : { sorter: false }
    }
});

これにより、手動による並べ替えが無効になりますが、並べ替えをトリガーできるため、外部ドロップダウンは引き続き機能します（デモ）。

または、 githubでtablesorterのフォークを使用している場合は、クラス名sorter-falseをヘッダーに追加するだけです（デモ）。

<th class="sorter-false">Alphabetic</th>
<th class="sorter-false">Numeric</th>
<th class="sorter-false">Animals</th>
<th class="sorter-false">Sites</th>
于 2012-08-17T17:49:54.267 に答える
0

まあ、これは一種のハックです。並べ替える必要がある重複した行を作成しました。私はそれらを隠しています。だから今、私は表示しているすべての行で並べ替えを無効にしました。

したがって、非表示の重複と同じ列があるため、並べ替えを行うことができ、テーブルヘッダーをクリックしても誰も並べ替えることができません

于 2012-08-17T14:44:28.927 に答える