1

望ましい効果: クラス do-not-sort を持つ行 (tr) は、jQuery.sortable を使用して包含から除外されます。

現在のコード: (内容: '親'/内容: '.sortable-body')

<table>
    <thead>
        <tr>
            <th>Field 1</th>
            <th>Field 2</th>
        </tr>
    </thead>
    <tbody class="sortable-body">
        <tr>
            <td>Sortable Field 1</td>
            <td>Sortable Field 2</td>
        </tr>
        <tr>
            <td>Sortable Field 1</td>
            <td>Sortable Field 2</td>
        </tr>
        <tr class="do-not-sort">
            <td colspan="2"><a href="#">Add Row</a></td>
        </tr>
    </tbody>
</table>

tbody の末尾 (!) にある「ソートしない」行を格納から除外するにはどうすればよいですか? 以下は機能しませんでした：

包含: '.sortable-body tr:not(.menu-rij-toevoegen)'

4

2 に答える 2

1

パラメータで並べ替え可能な項目を識別できます'items'-- 値は CSS セレクタとして指定する必要があります。

したがって、否定的な基準 (グループから要素を除外する)を提供するには:not()、次のように疑似クラスを使用します。

$('.sortable-body').sortable({ items: 'tr:not(.do-not-sort)' })​;​

そして、あなたの正確なマークアップでここで動作します: http://jsfiddle.net/MUEuW/2/

更新:おそらく最後の行を封じ込めから除外する最善の方法は、単に別の<tbody>タグでラップすることです。

複数<tbody>の が有効です。参照:同じ <table> に複数の <tbody> を含めることはできますか?

ここでフィドルを更新しました：http://jsfiddle.net/MUEuW/3/

...または、HTML を制御できませんか?

于 2012-08-10T14:55:04.827 に答える
-1

私の以前の投稿を見てください。 https://stackoverflow.com/a/9535584/665387

次のようなソート不可能な列を指定できます

$('#tableRoster').tablesorter({
        headers: {
            0: { sorter: false },
            4: { sorter: false }
        }
    });
于 2012-08-10T14:32:04.207 に答える