Creación de tablas HTML avanzadas.

• Web oficial

Cuando una tabla es gestionada por DataTables, hay ciertos elementos que se muestran por defecto:

• Cuadro de búsqueda: searching
• Información de la tabla: info
• Paginación: paging
• Ordenación: ordering

Mediante plugins, DataTables permite exportar el contenido de la tabla en diferentes formatos

• https://datatables.net/extensions/buttons/examples/initialisation/export

$('#tabla').DataTable({
    dom: 'Bfrtip',
    buttons: [
        {
            extend: 'csv',
            text: '<i class="fa fa-download"></i> CSV', // Añadimos icono de Font Awesome al botón
            filename: 'nombre_fichero',
            fieldSeparator: ";" // Por defecto es una coma, como debe de ser
        }
    ]
});

Es necesario incluir:

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.6.5/css/buttons.dataTables.min.css">
 
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.6.5/js/dataTables.buttons.min.js"></script>
 
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.6.5/js/buttons.html5.min.js"></script>

• https://datatables.net/extensions/responsive/examples/initialisation/default.html
• https://datatables.net/forums/discussion/16580/result-count-at-top
• https://datatables.net/forums/discussion/33418/dom-elements-taking-up-an-entire-line-using-bootstrap-and-buttons
• https://datatables.net/examples/api/show_hide.html
• https://datatables.net/reference/option/columns.type
• https://datatables.net/forums/discussion/14746/sorting-on-the-decimal-values-are-not-working
• https://datatables.net/reference/option/initComplete
• Fijar columnas