jQuery Сортируемый плагин на ячейках таблицы сокращается при перетаскивании

Question

Я использую jQuery Sortable UI , чтобы иметь возможность перемещать строки в таблице, но у меня возникает следующая проблема:

Если какие-либо ячейки таблицы содержат данныене равные по размеру (что приводит к увеличению или уменьшению ширины ячейки), ячейки таблицы (tds) уменьшаются при перемещении строки в новую позицию.Вы можете увидеть демонстрацию здесь .

Кроме того, как мне сделать так, чтобы только при нажатии на первый столбец (пустой столбец в начале таблицы) соответствующегоСтрока, что я должен быть в состоянии переместить эту строку?

Любая помощь, пожалуйста !!!!!!!

Заранее спасибо

Answer 1

http://jsfiddle.net/tUa3w/6/

$('.test1 > tbody').sortable({     
    helper: function(event, ui) {
        var myHelper = [];
        myHelper.push('<table style="width: 100%">');
        myHelper.push($(ui).html());
        myHelper.push('</table>');

        return myHelper.join('');
    },
    items: '.item1' 
})

Я думаю, что у вашего вспомогательного элемента нет таблицы для заполнения его ширины.Это еще не идеально, но, может быть, вы можете взять его отсюда, или кто-то другой может вмешаться.

Answer 2

Я обновил код здесь: http://jsfiddle.net/tUa3w/4/

Простой способ установить ширину таблицы на 100% и ширину td на 20%.Вы можете установить ширину таблицы в 600px, а для каждого td - 120px.

Использовать параметр handle для дескриптора.