Добавление кнопки обновления в jQuery Datatable

У меня есть dataTable в моем приложении. Я должен добавить кнопку Обновить где-нибудь рядом с текстовым полем поиска в пределах datatable, чтобы обновить таблицу, когда пользователь нажимает на нее. Я выяснил функциональность обновления.

То, что я застрял, - это как включить эту кнопку в datatable? Я хочу получить доступ к этой кнопке id в конце script.

Любые предложения? Также может ли кто-нибудь сказать, что используется bJQueryUI?

Ответ 1

Я просто использовал следующий код:

$('<button id="refresh">Refresh</button>').appendTo('div.dataTables_filter');

Ответ 2

Вот пример страницы для добавления кнопок из datatables.net

http://datatables.net/examples/advanced_init/dom_toolbar.html

И вот страница примера для sDom, упомянутая @Mike: http://datatables.net/release-datatables/examples/advanced_init/dom_multiple_elements.html

Ответ 3

У меня была аналогичная проблема, которую я смог решить, используя параметр sDom для данных.

http://datatables.net/forums/discussion/37/the-sdom-parameter/p1

В основном это позволяет поместить div с идентификатором в пределах datatable. Затем я использовал javascript для вставки кнопки в этот div.

Ответ 4

Вы можете просто создать двойной заголовок и использовать второй для кнопки.

bJqueryUI позволяет использовать темы jQueryUI или тематический ролик. Поэтому, если вы добавите jQueryUI перед инициализацией datatable, вы можете использовать этот стиль вместо стандартного.