Datatables sDom desafío agregar un nuevo elemento a la esquina inferior izquierda de la tabla

Question

Quiero agregar un botón "actualizar" a mis tablas en la parte inferior de la tabla. Pero acabo de empezar a usar datatables y es un poco confuso como lo es la parte "sDom" donde dice que puedo hacer esto a través de ese medio, pero la descripción es vaga en el mejor de los casos.

"sDom": '<"top"i>rt<"bottom"flp><"clear">' 

es el ejemplo datatables.net, pero no sé cómo hacer cara o cruz de eso y todo lo que quiero hacer es una cosa simple.

¿O hay un exterior de "sDom" que sería más adecuado para lo que quiero hacer?

Answer 1

Aquí hay un ejemplo en vivo de un sDom modificado.

http://live.datatables.net/onaqul/edit#javascript,html,live

Aquí estamos inyectando una llamada div<div id="refresh"></div> con el structrue <"#refresh">.

$('#example').dataTable({ 
     "sDom": '<"top"i>rt<"bottom"<"#refresh">flp><"clear">' 
     }); 

Si inspecciona el Reino generada en el ejemplo, se puede ver <div id="refresh"></div> obtuve inserta dentro de <div class="bottom"></div>.

Creo que mucho depende de (1) cómo su tabla específica tiene sus elementos de pie de página establecidos, (2) donde decide inyectar su elemento específico usando sDom, y (3) cómo se diseña el elemento (s) con su CSS.

Como alternativa, podría tener un botón creado fuera del entorno de tablas de datos, pero use jquery para anexar o anteponer su botón a uno de los elementos dom creados por datatables.

Espero que este sea un punto de partida útil.

Answer 2

Estoy de acuerdo con usted en que la propiedad DataTables 'sDom' es confusa. Personalmente acabo de configurar sDom igual a 't', que crea solo la tabla, y agrego cualquier botón o lo que sea que esté fuera del código de DataTables usando jQuery u otro método. No tengo mucha respuesta, pero eso es lo que haría si estuviera en tu situación y quisiera hacer algo simple como agregar un botón.