jQuery Datatables agregando elementos de formulario personalizados

Question

Tengo la configuración de tablas de datos con un init básico. Quiero poder tener casillas de verificación y un botón de enviar debajo de la mesa. ¿Hay alguna forma de personalizar la información "fila" debajo de la tabla?

Esto es lo que se ve como si acabo de añadir el botón de envío después de la tabla

Esto es lo que quiero que se vea como

Necesito una solución que da cuenta de Javascript siendo Encendido o apagado.

Answer 1

No es posible su requisito para una solución que tenga en cuenta que JavaScript está desactivado porque la fila de información se genera solo cuando inicializa la DataTable.

La fila de información está envuelta en una etiqueta div que obtiene su ID a partir de la ID de la tabla inicializada.

Por ejemplo, si la tabla se declaró así:

<table id='myTable'> </table> 

La fila de información aparecería en su DOM ya que esto

<div id='myTable_info' class='dataTables_info'> Showing 1 to 2 of 2 entries </div> 

Para anteponer el botón 'eliminar' a su fila de información , debe usar fnDrawCallback para incluir el botón cada vez que se procesa la tabla.

$("#myTable").dataTable(
    { 
      "fnDrawCallback": function() 
      { 
       $("#myTable_info").prepend("<input type='button' value='Remove'>"); 
      } 
    } 
);