jQuery datatables разрешить выбор в строке перетаскивания перетаскивания

Question

Я хочу использовать расширения select и rowReorder. При значениях по умолчанию для rowReorder первый столбец является дескриптором перетаскивания, но нажатие на ячейки в первом столбце не будет выбирать строку.

Обычно я хотел бы, чтобы вся строка была как ручкой перетаскивания, так и разрешить выбор нажатием. Есть ли способ заставить rowReorder разрешить событию клика сделать его на расширение выбора?

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(); 
});