jQuery UI的sortable()用于带有rowspan的表

时间:2015-09-14 02:56:48

标签: javascript jquery jquery-ui jquery-ui-sortable

jQuery UI的sortable()是否有办法仅通过“包含”元素对行进行排序?我有一个带有rowpanned单元格的表,它只能在它们包含的跨越列中进行排序。

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

jsfiddle

Make 列不可排序。列类型只能在其“容器”中排序,即生成列。这意味着类型1和类型2不能删除到品牌2,类型3不能删除到品牌1.对于子类型和模型也是如此。

enter image description here

jQuery UI可以开箱即用吗?谢谢。

1 个答案:

答案 0 :(得分:0)

显然,我只需要添加另一个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;
        }
    });
});

jsfiddle