jQuery多个可排序表

Question

提琴打开时最好阅读此问题；）。 我的桌子里面有桌子。 内部灰色表需要在自己的容器中排序。 因此，灰色行只能在灰色表中移动。 但是白色的行需要与它们一起移动到灰色的表中。 因此，您不能自己移动白色行或灰色表，因为它们已连接。

这是我现在所得到的东西：

小提琴

options = {
helper: (event, ui) -> 
    children = ui.children()
    view = ui.clone()

    view.children().each (index) ->           
        $(@).width(children.eq(index).width())
    return view
}


$('#ccc').find('tbody').sortable(options)

我整天都在挣扎，但我不知道该如何将灰色桌子变成白色行。

Answer 1

使用当前的html结构，这很难实现。

首先，您需要两个sortables（一个用于对带有白色标题的大块进行排序，第二个用于对灰色表进行排序）。

您希望能够移动带有小表的大表，但是由于它们都在同级元素（ tr ）内，所以这实际上是不可能的（因此我在其中添加了多个<tbody> ）。

无论如何，这是工作中的小提琴： https : //jsfiddle.net/9vmvjqm4/5/

您仍然需要将thead排除在可排序范围之外。 我不喜欢CoffeeScript，所以我把它（添加items : ':not(thead)' ）添加到options （或类似的东西，有一些主题如何在stackOverflow上实现）。

另外，看看这个： http : //johnny.github.io/jquery-sortable/