Agregar un botón Actualizar a jQuery Datatable

Question

Tengo una tabla de datos en mi aplicación. Tengo que agregar un botón Actualizar en algún lugar cerca del cuadro de texto Buscar en la tabla de datos para actualizar la tabla cuando el usuario haga clic en ella. He descubierto la funcionalidad de actualización.

Lo que me atrapa es cómo incluir este botón dentro de la tabla de datos? Quiero acceder a este botón id en mi script final.

¿Alguna sugerencia? ¿Alguien puede decir cuál es el uso de bJQueryUI?

Answer 1

simplemente he utilizado el siguiente código:

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

Answer 2

Tuve un problema similar que pude resolver usando el parámetro sDom de datatables.

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

Básicamente se le permite colocar un div con un id dentro de la tabla de datos. Luego usé javascript para insertar el botón en ese div.

Answer 3

Aquí está la página de ejemplo para agregar botones de datatables.net

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

Y aquí es la página de ejemplo para Sdom como se ha mencionado por @ Mike: http://datatables.net/release-datatables/examples/advanced_init/dom_multiple_elements.html

Answer 4

Se podía hacer una doble encabezado y use el segundo para un botón.

bJqueryUI le permite utilizar temas de jQueryUI o el rodillo de temas. Entonces, si agrega jQueryUI antes de inicializar la tabla de datos, puede usar ese estilo en lugar del predeterminado.