jQueryデータ型で行の並べ替えのドラッグハンドルを有効にする

Question

selectとrowReorderの両方の拡張機能を使用したい。 rowReorderのデフォルトでは、最初の列はドラッグハンドルですが、最初の列のセルをクリックしてもその行は選択されません。

私は通常、行全体をドラッグハンドルにして、クリックすることで選択を許可します。 rowReorderをクリックしてselectエクステンションにするイベントを許可する方法はありますか？

Fiddle

<table id="example"> 
<thead> 
    <tr> 
    <th>No.</th> 
    <th>foo</th> 
    <th>bar</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
    <td>1</td> 
    <td>a</td> 
    <td>a</td> 
    </tr> 
    <tr> 
    <td>2</td> 
    <td>b</td> 
    <td>b</td> 
    </tr> 
    <tr> 
    <td>3</td> 
    <td>c</td> 
    <td>c</td> 
    </tr> 
</tbody> 

$('#example').DataTable({ 
    select: true, 
    rowReorder: { selector: 'tr' } 
}) 

Answer 1

あなたは、行を選択するrowReorderイベントを使用することができます。あなたは、次のリンクでこのイベントを使用する方法を見ることができます：

https://datatables.net/extensions/rowreorder/examples/initialisation/events.html

次のコードは、rowReorder使用しながら、最初の列のセルをクリックして行を選択する方法を示しています。

table.on('row-reorder', function (e, diff, edit) { 
    var index = edit.triggerRow[0][0]; 
    table.rows(index).select(); 
}); 

を