jQuery 数据表允许在行重新排序拖动句柄上进行选择答案

【问题标题】：jQuery datatables allow select on row reorder drag handlejQuery 数据表允许在行重新排序拖动句柄上进行选择
【发布时间】：2016-12-09 16:06:06
【问题描述】：

我想同时使用 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' }
})

【问题讨论】：

标签： jquery datatables datatables-1.10

【解决方案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();
});

【讨论】：