jquery - テーブル行でソート可能なjQueryUIは、ドラッグ中にそれらを縮小します

Question

ソート可能な関数でドラッグしている間にテーブルの行が縮小するというこの問題は、私を長い間悩ませてきました。答えはありますか？(質疑応答)

PS ソート可能がテーブルでまったく機能するためには、ソートするテーブル行の周りで TBODY を使用し、それを含む TBODY でソート可能関数を呼び出す必要があります。

Answer 1

.ui-sortable-helper {
    display: table;
}

Answer 2

オンラインで解決策を見つけました。

var fixHelper = function(e, ui) {  
  ui.children().each(function() {  
    $(this).width($(this).width());  
  });  
  return ui;  
};
$(“#sort tbody”).sortable({  
 helper: fixHelper  
 }).disableSelection();

ソート可能な tr が縮小しないように修正

Answer 3

あなたがする必要があるのは、表のセルに特定のピクセル幅を与えることだけです。表のセルの内容を知らずに、どうすればそれを行うことができるでしょうか? 単純：

$(document).ready(function(){
    $('td').each(function(){
        $(this).css('width', $(this).width() +'px');
    });
});