Ошибка jQuery Tablesorter

Проблема заключается в том, что если таблица заполняется с помощью JavaScript, сортировщик таблиц не найдет новый контент, пока браузер не отобразит новый контент.

Использование таблицы сортировки внутри функции setTimeout () устранило эту ошибку для меня.

    function initPage() {
        fillMyTable();
        // Init table sorter, but give the browser a second to draw the new table
        setTimeout(function(){ $("#my_table").tablesorter(); }, 1000);
    }

Обратите внимание, что сортировщик таблиц Пример AJAX демонстрирует только сценарий, в котором новые строки добавляются к существующим. Когда таблица динамически очищается и заполняется новыми строками, вышеупомянутая ошибка появляется.

Добавление пустой строки

<tr style="display:none"><td></td>...<td></td></tr>

с тем же числом <td> с числом <th> в заголовке устраняет ошибку, но вводит еще одну: после таблицы освобождается и заполняется реальными строками, новые строки добавляются к старым.

В качестве альтернативы для изменения исходного кода TableSorter, попробуйте следующую последовательность вызовов:

$("#my-table").trigger("update");
setTimeout(function() { 
    /* e.g. sort by the second column in descending order */
    var sorting = [[1, 1]];
    $("#my-table").trigger("sorton", [sorting]);
}, 100);