2015-09-14 37 views
0

jQuery UI的sortable()只有通過其「包含」元素排序行嗎?我有一個只有跨越單元格的表格,這些表格只能在其包含的跨列中排序。jQuery用戶界面的排序()爲rowspan表的表格

var $sortable = $('.nested-sortable tbody'); 
$sortable.sortable({ 
    helper: function (e, ui) { 
     ui.children().each(function() { 
      $(this).width($(this).width()); 
     }); 
     return ui; 
    } 
}); 

jsfiddle

不可排序。該列類型應該只能在其「容器」內排序,該列是生成列。這意味着類型1和類型2不能丟棄到品牌2,類型3不能丟棄到品牌1.亞類和模型也是如此。

enter image description here

是否有可能在jQuery用戶界面可排序的開箱?謝謝。

+0

你必須這樣做,在'table'標籤? – stanley1943

+0

@ stanley1943如果有一種方法可以做到這一點,而不是使用表格標籤來保持這種外觀,那麼我想這很好。 – dork

+0

即時通訊真的很好奇,以找出答案。如果我有時間工作,我會採取一些措施。我堅信你必須在這上面使用'div' – stanley1943

回答

0

很顯然,我只需要添加一個TBODY選擇,使其工作:

$(function(){ 
    var $sortable = $('.nested-sortable tbody tbody'); 
    $sortable.sortable({ 
     axis:'y', 
     helper: function (e, ui) { 
      ui.children().each(function() { 
       $(this).width($(this).width()); 
      }); 
      return ui; 
     } 
    }); 
}); 

jsfiddle