当行位置交换时,jQuery可排序表被挤压

时间:2014-06-12 14:28:15

标签: javascript jquery jquery-ui

我有用jquery-ui实现的ui-sortable表。可以将行拖动到交换位置。一切正常,但是当拖动行时,表中的所有剩余行都会被挤压到1/5大小(列重叠)。

这里是调用表格中可排序脚本的代码:

$(document).ready(function () {
  var fixHelper = function (e, ui) {
      ui.children().each(function () {
          $(this).width($(this).width());
      });
      return ui;
  };

  $("tbody.sortable").sortable({
      helper: fixHelper,
      connectWith: "tbody.sortable",
      containment: "parent",
      dropOnEmpty: true,
      cancel: "tr.sort-disabled",
      receive: function (event, ui) {     
        ui.item.find("input[type='hidden']").val(this.id);
        sortableDummyRowsUpdate();  
      }
  });
});

当拖动的行释放到新位置时,表格将恢复正常。但拖动一切看起来很糟糕

0 个答案:

没有答案