Question

我正在为DataTables使用rowReorder扩展名。

我有一个按钮，用https://datatables.net/reference/api/row().remove()删除了一些行，但点击它后，缺少相应的序列号。

如何实现此序列，因此它包含新行数？

我尝试手动更新序列字段值，但如果您尝试在此后拖放一行，则序列号会以双精度显示。

这是我的代码

＆＃13;

var t = $('#mytable').DataTable({
	'rowReorder': true,
  'dom' : '<t>',
});

$('.delbutton').on('click', function() {
	t
    .row( $(this).parents('tr') )
    .remove()
    .draw();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/rowreorder/1.2.0/js/dataTables.rowReorder.min.js"></script>
<link href="https://cdn.datatables.net/rowreorder/1.2.0/css/rowReorder.dataTables.min.css" rel="stylesheet"/>
<link href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" rel="stylesheet"/>


<table id="mytable" class="display" cellspacing="0">
  <thead>
    <th>sequence</th>
    <th>datas</th>
    <th>delete</th>
  </thead>
  <tdboy>
    <tr>
      <td>1</td>
      <td>lorem</td>
      <td class="delbutton">x</td>
    </tr>
    <tr>
      <td>2</td>
      <td>ipsum</td>
      <td class="delbutton">x</td>
    </tr>
    <tr>
      <td>3</td>
      <td>dolor</td>
      <td class="delbutton">x</td>
    </tr>
    <tr>
      <td>4</td>
      <td>sit</td>
      <td class="delbutton">x</td>
    </tr>
  </tdboy>
</table>

＆＃13;

谢谢，

如何实现DataTables的rowReorder扩展的序列？

0 个答案: