如何防止 Bootstrap 使拖动的行宽度发生变化？

Question

我想要一个表格，允许我拖放以重新排列其中的行。

这是 Trevor 和原作者提供的解决方案。

A table and its rows gets changed in width when dragging and dropping to reorder its rows

这里是 jsfiddle 演示

http://jsfiddle.net/trevordowdle/2Sg8v/

但是，如果我将 Bootstrap 类“表”添加到表中，则拖动的行会缩小。我尝试了很多方法来设置拖动行的宽度（由 JQuery UI 动态创建的行），但没有成功。这是 jsfiddle 演示。

http://jsfiddle.net/mddc/8sRxL/1/

这是添加 Bootstrap css 后唯一的变化（表类）。

<table id="sort" class="grid table" title="Kurt Vonnegut novels">

有什么办法解决这个问题？

虽然帖子标题提到了 Bootstrap，但可能只是 100% 表格宽度造成的。但是，由于我无法控制的设计，我需要 100% 的表格宽度。

谢谢。

Answer 1

更新 2

在设置宽度时，我发现如果您在每列中添加额外的 16-18 像素，可以使其均匀，使其不会缩小。

    $helper.children().each(function(index) {
        $(this).width($originals.eq(index).width()+17); // 16 - 18
    });

查看示例

FIDDLE