jQuery UI对具有行跨度的表的sortable()

Question

是否有一种方法使jQuery UI的sortable()只根据它们的“包含”元素对行进行排序？我有一个表，其中包含行跨单元格，这些单元格只应该在其包含的跨列中进行排序。

var $sortable = $('.nested-sortable tbody');
$sortable.sortable({
    helper: function (e, ui) {
        ui.children().each(function () {
            $(this).width($(this).width());
        });
        return ui;
    }
});

小提琴

Make列不可排序。列类型只应在其“容器”(即Make列)中进行排序。这意味着类型1和类型2不能被降到品牌2，类型3不能被降到品牌1，对于子类型和模型也是如此。

​

​

jQuery用户界面是否有可能开箱即用？谢谢。

Answer 1

显然，我只需要添加另一个tbody选择器就可以工作了：

$(function(){
    var $sortable = $('.nested-sortable tbody tbody');
    $sortable.sortable({
        axis:'y',
        helper: function (e, ui) {
            ui.children().each(function () {
                $(this).width($(this).width());
            });
            return ui;
        }
    });
});

小提琴