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

想知道是否有人能帮上忙。

我有一张桌子，上面有一些固定宽度的盒子。在这些框（单元格）之间的单元格可以拉伸到填充其间空间所需的宽度。

基本上，我想做的是使用jQueryUI的sortable对固定宽度的框进行排序。

我已经尝试了很多使用jQueryUI可排序的方法，但都无法获得所需的效果。正如您从下面的JSFiddle演示中看到的，这些单元格是可排序的，但当拖动时，它们会并排放置，因为它们适合空的"间隔"单元格。

有什么办法解决这个问题吗？这样块就可以放到正确的区域？防止桌子"跳"来跳去。。？

我试着禁用"间隔细胞"，但无法真正理解它是如何做到的：/

只需注意：表能够扩展到100%宽度是至关重要的（就像在JSFiddle中一样）。我使用表格作为唯一稳定的方式，使块在流体宽度布局上很好地隔开。

（最右边和左边的区块需要靠着容器的末端）

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

任何帮助都将不胜感激！非常感谢！