表单元格上的jQuery可排序插件在拖动时缩小

Question

我正在使用jQuery Sortable UI来移动表格中的行但我遇到以下问题：

如果任何表格单元格的数据大小不相等（导致单元格宽度增大或减小），则表格单元格（tds）会在将行移动到新位置时收缩。您可以看到演示here。

另外，我如何制作它，以便只有当我点击相应行的第一列（表格开头的空列）时才能移动该行？

任何帮助请!!!!!!!

提前致谢

Answer 1

http://jsfiddle.net/tUa3w/6/

$('.test1 > tbody').sortable({     
    helper: function(event, ui) {
        var myHelper = [];
        myHelper.push('<table style="width: 100%">');
        myHelper.push($(ui).html());
        myHelper.push('</table>');

        return myHelper.join('');
    },
    items: '.item1' 
})

我认为发生的事情是你的助手元素没有表格来填补它的宽度。它还不完美，但也许你可以从这里拿走它或其他人可以插入它。

Answer 2

我在这里更新了代码：http://jsfiddle.net/tUa3w/4/

将表格的宽度设置为100％，将td的宽度设置为20％是一种​​简单的方法。您可以将表格的宽度设置为600px，并将每个td设置为120px。

使用句柄的'handle'选项。