jquery-uiソート可能なテーブル - 選択された行のサイズ変更テーブルとテーブル行の内容のシフト

Question

My codepenには、テーブル上でjquery-uiソート可能なものがあります。表示されるいくつかの問題は、1）ドラッグする行を選択すると、選択中に表の幅が調整されますが、ドロップ後に正しい表幅に再開されます。 2）選択された表の行は、表の包含の左の枠の外側にシフトします。 3）選択されたテーブル行がテーブルスタイリングを失う。データは、デフォルトのパディング - 右10pxを失っているように見えます。

私はWindows 7を実行しており、Chromeブラウザを使用しています。rev 56.0.2924.87 誰かが投稿する前に郵便番号を冗長にする必要がありますか？ ここに最低限のコードを入力してください。完全なコードについては、ペンを参照してください。

<table class="playlist-table"> 

Answer 1

私は前に私の問題を掲示するこの質問を見つけることができませんでした：

jquery UI Sortable with table and tr width

おかげで、問題の＃3を固定し、このヘルパークラスのヤロスラフに行きます。選択されたテーブル行は、選択された後にスタイリングを保持するようになりました。

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

そしてキースに、彼のコード修正された問題1）ドラッグする行を選択し、選択中のテーブル幅を調整します。 2）選択された表の行は、表の包含の左の枠の外側にシフトします。

$('td, th', '.playlist-table').each(function() { 
    var cell = $(this); 
    cell.width(cell.width()); 
});