可以在动态宽度表上排序jQuery UI吗？

Question

想知道是否有人可以提供帮助。

我有一张带有一些固定宽度框的桌子。在这些盒子（单元格）之间是细胞，它们伸展到填充其间空间所需的宽度。

基本上我正在尝试做的是使固定宽度框可以使用jQuery UI进行排序。

我尝试了很多jQuery UI排序的东西，但是无法获得预期的效果。从下面的JSFiddle演示中可以看出，单元格是可排序的，但在拖动时最终会彼此相邻，因为它们适合空的“spacer”单元格。

有什么方法可以解决这个问题吗？这样可以将块放入正确的区域？并防止桌子'跳'..？

我尝试禁用'spacer'单元格，但无法真正理解它是如何完成的：/

只需注意：表格能够扩展到100％宽度非常重要（就像在JSFiddle中一样）。我正在使用一个表作为唯一一种稳定的方法，可以在流体宽度布局上很好地将块放到空间中。

（最右边和最左边的街区需要靠近集装箱的末端）

JSFiddle：http://jsfiddle.net/JsJMH/

任何帮助都会非常感激！非常感谢！

Answer 1

答案：http://jsfiddle.net/morrison/JsJMH/13/

备注：

• 不要滥用td元素。空表格单元格通常毫无意义。我将框移到了td。
中
• 我必须编辑CSS规则。有时人们不会注意到这一点，所以我想我会指出它。
• 如果不使用表格，这是非常有可能的： http://jsfiddle.net/morrison/quneb/。