Сортировка строк таблицы при помощи jquery ui Sortable (проблемы с шириной td)

среда, 27 апреля 2011 г.

При попытке сортировки строк в таблице:

<table class="grid" id="sort" title="Kurt Vonnegut novels"><thead>
<tr><th>Year</th><th>Title</th><th>Grade</th></tr>
</thead>     <tbody>
<tr><td>1969</td><td>Slaughterhouse-Five</td><td>A+</td></tr>
<tr><td>1952</td><td>Player Piano</td><td>B</td></tr>
<tr><td>1963</td><td>Cat's Cradle</td><td>A+</td></tr>
<tr><td>1973</td><td>Breakfast of Champions</td><td>C</td></tr>
<tr><td>1965</td><td>God Bless You, Mr. Rosewater</td><td>A</td></tr>
</tbody> </table>
с помощью конструкции вида:

$("#sort tbody").sortable().disableSelection();
мы видим следующее:



В данном случае нам поможет helper:

var fixHelper = function(e, ui) {
    ui.children().each(function() {
        $(this).width($(this).width());
    });
    return ui;
};
 
$("#sort tbody").sortable({
    helper: fixHelper
}).disableSelection();
и ширина ячеек будет нормальной:

3 коммент.:

Анонимный комментирует...

Большое спасибо! Помогло!

Анонимный комментирует...

Спасибо мне тоже помогло

Анонимный комментирует...

и мне тоже помогло, спасибо! сам бы весь день убил на решение

Copyright © 2010 WEB IT blog