如何解决RowReorder在Datatables中不起作用,没有任何错误或警告
只是一个带有数据的简单表。可以拖动行(当我拖动一行时,行顺序在chrome dev控制台中动态更改),但是拖放后它们又回到了第一个位置。我在这里阅读了一些主题,阅读了文档,相应地更改了代码,但仍然无法使用。
table.php
<table id="draggable" class="table table-hover table-responsive">
<thead>
<tr>
<th>Nr.</th>
<th>Topic</th>
<th>Answers</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Topic 1</td>
<td>Answer 1</td>
</tr>
<tr>
<td>2</td>
<td>Topic 2</td>
<td>Answer 2</td>
</tr>
<tr>
<td>3</td>
<td>Topic 3</td>
<td>Answer 3</td>
</tr>
</tbody>
</table>
<script>
$(document).ready(function () {
let table = $('#draggable').DataTable({
"paging": false,"searching": false,"ordering": true,"info": true,createdRow: function (row,data,dataIndex) {
$(row).attr('id','row-' + dataIndex);
},"rowReorder": {
dataSrc: 'nr',selector: 'tr'
},columns: [
{
data: 'nr'
},{
data: 'topic'
},{
data: 'answers'
}]
});
table.rowReordering();
});
</script>
index.php
<link href="https://cdn.datatables.net/1.10.4/css/jquery.dataTables.css" rel="stylesheet"/>
<script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="../js/bootstrap.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="https://cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<script src="https://mpryvkin.github.io/jquery-datatables-row-reordering/1.2.3/jquery.dataTables.rowReordering.js"></script>
结构简单,代码简单,情况简单,但无法正常工作。
任何想法都会感激。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。