CSSテーブルでデータテーブル内の選択した行を並べ替える

Question

私はexampleのようなチェックボックスでデータテーブルを持っています。

チェックボックスは、CSS :afterおよび:before疑似要素を使用して作成されるため、それらを保持する列には値がありません。

ユーザーがボタンをクリックしたときにプログラムによっていくつかの行が選択されていますが、選択した行がテーブルの上部に表示されます。これは主に、特に選択した行が非表示のページにあるときに何か起こっていることをユーザーに見せるためです。 https://jsfiddle.net/b22kx27s/2/

私が先頭に選択された行をもたらすために、カスタムソート関数に探してみましたが、列には値がないので、それを行う方法を見つけ出すことができませんでした。ここで

はフィドルです。最初の列の columnDefsに orderDataType: 'dom-checkbox'を使用

$.fn.dataTable.ext.order['dom-checkbox'] = function (settings, col) 
{ 
    return this.api().column(col, {order:'index'}).nodes().map(function (td, i) { 
    return $(td).closest('tr').hasClass('selected') ? '1' : '0'; 
    }); 
} 

注文することを可能にする：

Answer 1

はthis pageを見た後、私は、列ごとに、チェックが各セルの行は、selectedクラスを持っている場合、その次関数を使用しました選択によって。 https://jsfiddle.net/s65tjv0v/8/

Answer 2

$.fn.dataTable.ext.order['dom-checkbox'] = function (settings, col) 
{ 
    return this.api().column(col, {order:'index'}).nodes().map(function (td, i) { 
    return $('input', td)[1].checked ? '1' : '0'; 
    }); 
} 

選択によって注文することができます最初の列のcolumnDefsでorderDataType: 'dom-checkbox'の使用：

はここで更新フィドルです。