javascript - jqueryUI の並べ替え可能な配列からテーブルを並べ替える

Question

<ul>IDの増分が0〜16のjQuery ui sortableを使用しています。このような配列を作成します。

var arr = ["1", "2", "4", "5", "6", "3", "10", "7", "8", "9", "17", "11", "12", "13", "14", "15", "16"] 

リストを渡すメソッドがあります。現在、列を新しい位置に移動しようとしていますが、うまくいかず、テーブルを再描画する必要があると確信しています。これが方法です。

 positionColumns: function(list) {
            var _this = this;
            if (!list) list = this.order;
            $(list).each(function(i, val) {
                if (parseInt(val, 10) !== _this.order[i]) {
                    work(val, _this.order[i]);
                    console.log(list);
                    console.log(_this.order[i]);
                } else {
                    return;
                }
            });

            function work(from, to) {
                var table = $('#dealbook-table');
                var rows = $('tr', table);
                var cols;
                rows.each(function(i, row) {
                    cols = $(row).children('th, td');
                    console.log(cols);
                    cols.eq(from).detach().insertBefore(cols.eq(to));
                });
            }
},

this.orderドラッグアンドドロップ前のテーブルの状態です。

どんな洞察も大歓迎です。