Tengo un detalle con los botones export de los datatables
, lo que pasa que es que al generar nuevamente el datatable
los botones me descompone el header
de la tabla.
Quisiera saber si hay alguna forma de moverlos de lugar al generarlos junto con la tabla o alguna manera para que no me esconda el header
de la tabla
window.dataTable = jQuery('#dyntable').DataTable({
dom: 'Bfrtip',
buttons: [
'copyHtml5',
'excelHtml5',
'csvHtml5',
'pdfHtml5'
]
});
<table class="table table-bordered" id="dyntable">
<colgroup>
<col class="con0" style="align: center; width: 5%" />
<col class="con0" style="align: center; width: 25%" />
<col class="con0" style="align: center; width: 10%" />
<col class="con0" style="align: center; width: 20%" />
<col class="con0" style="align: center; width: 15%" />
<col class="con0" style="align: center; width: 25%" />
</colgroup>
<thead>
<tr>
<th style="background:#66898E; color: #fff;" class="head0 nosort center">Id</th>
<th style="background:#66898E; color: #fff;" class="center">Nombre</th>
<th style="background:#66898E; color: #fff;" class="center">Puesto</th>
<th style="background:#66898E; color: #fff;" class="left">Correo</th>
<th style="background:#66898E; color: #fff;" class="center">Telefono</th>
<th style="background:#66898E; color: #fff;" class="center">Empresa</th>
</tr>
</thead>
<tbody id="tbody1">
</tbody>
</table>
Esta es la tabla antes de generarla con los botones para exportar:
En esta imagen ya es cuando se genera la tabla ya con datos y los botones y donde se aprecia que el header
de la tabla desaparece con los botones.