Как реализовать таблицу данных JQuery вместе с sortable() ⇐ Jquery

[Anonymous]

Я пытаюсь реализовать таблицу данных для создания некоторого расписания, а строки в таблице можно перетаскивать. Для реализации этой функции я использовал сортировку
это мой HTML-код.

Код: Выделить всё

Create Your Template


ID
Name
Duration

Теперь часть кода в моем JS-файле

Код: Выделить всё

 $("#sortable").sortable();
$('table#example').dataTable({
"aaSorting": [],

});
var table = $('table#example').dataTable().api();

$("#button1").click(function () {

var rows = $("#example").dataTable().fnGetNodes();
var cells = [];
for (var i = 0; i < rows.length; i++) {
cells.push($(rows[i]).find("td:eq(0)").html());
}
alert(cells);
});

Теперь, после того как я нажму кнопку, я получаю первый столбец моей таблицы.
Предположим, в начальной таблице=

1 HTML 2
2 PHP 5
3 JS 4

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

2 PHP 5
3 JS 4
1 HTML 2

но когда я нажимаю кнопку отправки, я получаю результат как 1,2,3, а не как 2,3,1
Есть ли способ сохранить состояние строк после того, как я перетащил и изменил порядок.
Код работал нормально с обычными таблицами но не с таблицей данных

Подробнее здесь: https://stackoverflow.com/questions/319 ... h-sortable