数据表 rowReorder 无法移动行

问题描述

我希望我能描述得更清楚，但这就是正在发生的事情：你不能移动行。

我知道数据表正在正确加载，我知道响应式插件也能正常工作。我只是添加了这个并将数据表更新到 1.10.25 以防万一

这是我的代码：

.js:

<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/lib/select2-4.1.0-rc.0/dist/js/select2.min.js"></script>
<script type="text/javascript" src="~/lib/datatables/DataTables-1.10.25/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="~/lib/datatables/RowReorder-1.2.8/js/rowReorder.dataTables.min.js"></script>
<script type="text/javascript" src="~/lib/datatables/Responsive-2.2.7/js/dataTables.responsive.min.js"></script>

$(document).ready(function () {
    var table = $('#identifier').DataTable({
        rowReorder: true,responsive: true,scrollCollapse: true,paging: false
    });
});

.css:

<link rel="stylesheet" type="text/css" href="~/lib/datatables/DataTables-1.10.25/css/jquery.dataTables.min.css" />
<link rel="stylesheet" type="text/css" href="~/lib/datatables/RowReorder-1.2.8/css/rowReorder.dataTables.min.css" />
<link rel="stylesheet" type="text/css" href="~/lib/datatables/Responsive-2.2.7/css/responsive.dataTables.min.css" />

和.html：

    <table id="identifier" class="display">
        <thead>
            <tr>
                <th class="centered-content">Row 1</th>
                <th class="centered-content">Row 2</th>
                <th class="centered-content">Row 3</th>
                <th class="centered-content">Row 4</th>
                <th class="centered-content">Row 5</th>
                <th class="centered-content">Row 6</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="centered-content">1</td>
                <td>data</td>
                <td>data</td>
                <td>data</td>
                <td>data</td>
                <td class="centered-content"><button>Do Something</button></td>
            </tr>
            ...
        <tfoot>
            <tr>
                <th class="centered-content">Row 1</th>
                <th class="centered-content">Row 2</th>
                <th class="centered-content">Row 3</th>
                <th class="centered-content">Row 4</th>
                <th class="centered-content">Row 5</th>
                <th class="centered-content">Row 6</th>
            </tr>
        </tfoot>
    </table>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）