Question

我正在使用JQuery-UI的Sortable将每行的 td 标记排序为

$(".scheduler").children('tbody')
    .children('tr').sortable({
    revert: true
});

但我发现其他专栏已经出现。这是 JsFiddle 链接。谁能给我建议？

其他问题 ：我可以对整个表格的 td 标记进行排序，而不是每行吗？ （目前我只能排序相同行的 td 标签。我想拖动一个 td 并替换另一个 td 标签不同的行）

Answer 1

关于附加列，它会被渲染，因为当您开始拖动项目时，jQuery UI sortable会向该行添加占位符元素。您可以使用

解决此问题

helper: "clone"

仍然会添加占位符，但要拖动的原始元素将获得display: none，并且帮助程序将被绝对定位。也许，您可以使用列表... https://jqueryui.com/sortable/#display-grid

，而不是使用表格

关于整个表的排序，我没有简单的方法可以想象使用jQuery UI可排序。到目前为止，我实现的最佳行为是使用

进行初始化

$(".scheduler").sortable({
    items: "td"
});

但它只会将表格单元格从一行移动到另一行，导致越来越多的列被添加到表格中。

Answer 2

让你像这样的jquery代码

$(".scheduler tr").sortable({
    revert: true
});

我在jsfiddle上试过这个并为td排序工作