对表格单元格的jQuery插件可排序收缩的同时拖动

Question

我使用jQuery Sortable UI能够在表中移动行，但我有以下问题：

如果任何表格单元格中有数据，大小不一致（导致单元格宽度增加或减少），表格单元（tds）在将行移动到新位置时收缩。你可以看到一个演示here。

另外，我该如何做到这一点，只有当我点击相应行的第一列（表格的开始处的空列）时，才能够移动该行？

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

在此先感谢

Answer 1

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

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

对手柄使用“手柄”选项。

Answer 2

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' 
}) 

我认为正在发生的事情是，你的帮手元素没有表填写其宽度。这并不完美，但也许你可以从这里拿走它或者别人可以听到。