多 table 行排序

Question

我正在尝试将 sortable 功能实现到 html table使用 jquery-ui 我遇到了一个问题。

我需要能够对属于特定主题的一组行进行排序，并对该主题内的行进行排序。我做了一个示例如下，

What I have for now - jsFiddle

但我担心的是如何让主题中的项目排序table。目前，它仅对主要主题进行排序，非常感谢各位专家对此的帮助。

P.S。 - 我通过研究这两个样本将其放在一起，Sample 1 - jsFiddle, Sample 2 - jsFiddle

如果这是一个简单的问题，请原谅。我对这个发展领域有点陌生。

Answer 1

我对 html 和 JavaScript 做了一些改动，参见 JSFiddle

JavaScript代码

$("#sort > tbody").sortable({
    items: 'tr:not(.head)'
}).disableSelection();
$("#sort").sortable({
    items: 'tbody:has(tr)'
}).disableSelection();