Хотите показать загрузчик GIF в таблицах данных

Я использую таблицы данных. Мой код работает нормально. Теперь я хочу добавить изображение загрузчика (gif). Я не знаю, как это добавить. Вот мой сценарий с данными.

$(document).ready(function() {
    $("#dvloader").show();
    oTable = $('#example').dataTable({
        "bJQueryUI": true,
        "sPaginationType": "full_numbers"                   
    });
});

Вот мой загрузчик:

<div id="loader">
    <img src="ajaxloader.gif" />
</div>

javascript jquery datatables
person no_freedom    schedule 13.04.2011    source источник
comment
вы не упомянули, где и при каком событии вы хотите отобразить это изображение. Вы хотите заменить строку «Обработка» этим изображением?   -  person Anupam    schedule 13.04.2011
comment
@anu да, я хочу отобразить изображение.   -  person no_freedom    schedule 13.04.2011

Ответы (2)


arrow_upward
63
arrow_downward

Если вы хотите заменить строку «Обработка...» изображением, как вы упомянули в комментарии, вам нужно взглянуть на здесь

$('#example').dataTable( {
    oLanguage: {
        sProcessing: "<img src='loading.gif'>"
    },
    processing : true
});
person Anupam    schedule 13.04.2011
comment
Не забудьте добавить опцию processing: true - person sulaiman sudirman; 29.04.2015
comment
Для тех, кто застрял с использованием устаревших таблиц данных, вам нужно использовать bProcessing: true вместо processing: true - person mason81; 06.06.2015
comment
Я использовал тот же способ, но изображение не отображается для IE 11 и Chrome. Только в фирфоксе нормально работает. - person Pankaj Saha; 15.06.2016
comment
Гиперссылка не работает. - person Diganta; 16.08.2016
comment
Новая ссылка здесь! datatables.net/examples/server_side/defer_loading.html - person Alex Yahiaoui Martinez; 01.02.2019

arrow_upward
12
arrow_downward

В datatables 1.10 и выше вы должны использовать:

$('#example').dataTable({
  language: {
     processing: "<img src='loading.gif'>"
  },
  processing: true
});

На сегодняшний день не требуется, но более стандартно, учитывая новую документацию. В последнем обновлении проект изменил использование венгерской нотации на стандартную CamelCase. Представляет интерес:

Обратите внимание, что опция венгерской нотации устарела и будет удалена в будущих версиях расширений (при следующем обновлении основной версии расширения, то есть с 1.x на 2.x, хотя 2.x не планируется в ближайшее время - еще много жизни в серии 1.x!). Документация для расширений будет обновлена, чтобы удалить венгерскую нотацию до этого момента.

person akosel    schedule 18.10.2016