Question

这不是您对JQuery UI的可排序的标准用法。我正在排序 tbody 标记，而不是排序表格行，这会一次移动多行。移动一组行时，行的列宽会折叠。通常你会使用一个帮助器来保持列宽...但是在这种情况下标准的不起作用。

移动tbody选择时，您可以看到宽度折叠。

以下是通常用于帮助程序的各个行的代码，但对于具有行的tbody不起作用。

$('table').sortable({
    cursor: 'move',
    items: 'tbody',
    helper: function(e, ui) {
        ui.children().each(function() {
            $(this).width($(this).width());
        });
        return ui;
    },
    forcePlaceholderSize: true, 
    placeholder: 'placeholder'
});

当使用Tbody标签时，有人可以帮助提供一个保持宽度的助手吗？

Answer 1

不要问我为什么，但是jQuery删除display: table;元素上的<tr>并将其替换为display: block;。因此你的折叠宽度。只需使用jQuery UI添加的辅助类到表中，同时拖动它以更改该显示。

.ui-sortable-helper tr {
    display:table;
}

干杯！

使用TBody和JQuery可排序时折叠表行

1 个答案: