Jquery ui-sortable – 无法将tr放在空的tbody中

我有两个连接的tbody元素，允许我在两个表之间拖动行。一切都可以正常工作，直到从任一表中删除所有行。

当所有行都被拖到另一个表上时，tbody的高度减小，使得(near)不可能将行放在里面。

有没有解决这个问题的解决方法？ (最小高度不适用于tbody元素)

提前谢谢了。

解决方法

您可以做的是创建“可排序”机制不可见的行。可能最简单的方法是使用“items”选项。

假设你的HTML看起来像这样

<tbody class="sortable">
    <tr><td>stuff</td></tr>
    <tr><td>stuff</td></tr>
    <tr><td>stuff</td></tr>
    <tr class="sort-disabled"><td></td></tr>
</tbody>

然后在jquery你可以有

$('.sortable').sortable({
    items: ">*:not(.sort-disabled)"
});

这是一个黑客，但我认为，如果你玩这个变体(给予.sort禁用的行一些高度在CSS等)，你可以找到一些适合你的东西。您也可以尝试将第一个和最后一个.sort禁用的行都放在一起，这样中间的位置就是放置目标。

希望这可以帮助！