jQuery数据表允许选择行重新排序拖动句柄

Question

我想同时使用select和rowReorder扩展。使用rowReorder的默认值，第一列是拖动句柄，但是单击第一列中的单元格不会选择该行。

我通常希望整行都是拖动手柄，并允许通过单击进行选择。有没有办法让rowReorder允许click事件进入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();
});