Задержка инициализации jQuery DataTables

Question

Когда я использую DataTables для замены набора данных в таблице, это прекрасно работает, но иногда, когда вы перезагружаете страницу, требуется полсекунды, чтобы обернуть таблицу с исходной разметкой таблицы за это короткое время. Мне было интересно, есть ли способ, возможно, отображать содержимое страницы только тогда, когда DataTables закончит обертывание таблицы?

Answer 1

Есть несколько способов сделать это. Самым простым, вероятно, является следующее:

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

Затем при инициализации ваших DataTables используйте fnDrawCallback, чтобы показать таблицу:

"fnDrawCallback": function() {
   $(this).show();
}

Теперь, помните, что фактическая таблица в конечном итоге имеет div выше и ниже (для верхнего и нижнего колонтитула). При обновлении страницы они, скорее всего, будут отображаться, а сама таблица обновляется. Если вы предпочитаете просто скрывать и показывать абсолютно все, вам нужно обернуть свою таблицу в контейнерную ячейку, и тогда вместо $(this).show() вы будете использовать $('.container').show()

Answer 2

Попробуйте сделать это с помощью обработчика событий body.onload.