jquery UI 可排序表和 tr 宽度

Question

我正在使用 jQuery UI sortable 使我的表格网格可排序。代码似乎工作正常，但因为我没有向 td 添加宽度，所以当我拖动 tr 时，它会缩小内容。

例如；如果我开始拖动时我的表格行是 500px，它就会变成 300px。我认为这是因为网格中没有定义宽度。那是因为我为 td 使用了两个类(fix 和 liquid)。

fix 类使 td 等于内容宽度，liquid 使 td 宽度为 100% .这是我的网格表方法，无需为 tds 分配宽度。

知道如何使用我的方法进行排序吗？

Answer 1

我找到了答案 here .

我稍微修改了它以克隆该行，而不是为原始行添加宽度:

  helper: function(e, tr)
  {
    var $originals = tr.children();
    var $helper = tr.clone();
    $helper.children().each(function(index)
    {
      // Set helper cell sizes to match the original sizes
      $(this).width($originals.eq(index).width());
    });
    return $helper;
  },