JQuery Datatables готов к событию?

Question

Есть ли событие, которое возникает, когда таблица данных закончила рендеринг? то есть когда я могу начать изменять вывод HTML. Я пытаюсь добавить строку <select> над заголовками столбцов, как показано в примере на http://www.datatables.net/examples/api/multi_filter_select.html

Я не смог заставить это работать с моим сценарием. Мой источник данных - это массив javascript согласно http://www.datatables.net/examples/data_sources/js_array.html, и у меня есть ощущение, что выбор нескольких фильтров (см. Ссылку выше) не работает в связи с этим.

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

$('table#id thead tr th').each(function() { ... })

Я полагаю, это потому, что набор элементов, переданных в each, пуст, но я на 100% уверен, что селектор правильный, и проверил это с помощью FireQuery.

Я нашел это http://www.datatables.net/examples/advanced_init/events_post_init.html, в котором утверждается, что у него есть информация о событиях после инициализации, но, похоже, это не то, что я хочу.

Кто-нибудь сталкивался с этим раньше и нашел решение? Спасибо!

Answer 1

fnInitComplete

http://datatables.net/usage/callbacks Я попытался использовать это, и он отображает поля выбора в нижнем колонтитуле.

Но когда я выбираю что-то в списке и использую fnFilter, я получаю сообщение об ошибке

Uncaught TypeError: Невозможно вызвать метод replace вместо undefined

Я попытался использовать fnFilter, нажав кнопку, чтобы получить сообщение Uncaught TypeError: Невозможно прочитать свойство 'nTr' из неопределенного

Answer 2

Я бы использовал "fnDrawCallback" (см .: https://www.datatables.net/usage/callbacks)

$(document).ready( function() {
    $('#example').dataTable( {
        "fnDrawCallback": function( oSettings ) {
            // Your function(s);
        }
    } );
} ); 

. Я использую этот обратный вызов для привязки событий к элементам, которые были созданы объектом данных.