Código base para la personalización básica de DataTables JS
$('#tbl_info').DataTable({
responsive: true,
"order": [[ 1, 'asc' ]],
"lengthMenu": [ [10, 25, 50, -1], [10, 25, 50, "Todos"] ],
"columnDefs": [
{ "orderable": false, "targets": [0] }
],
language: {
paginate: {
first: '<i class="fas fa-chevron-double-left"></i>',
previous: '<i class="fas fa-chevron-left"></i>',
next: '<i class="fas fa-chevron-right"></i>',
last: '<i class="fas fa-chevron-double-right"></i>'
},
aria: {
paginate: {
first: 'Primero',
previous: 'Anterior',
next: 'Siguiente',
last: 'Último'
}
},
"emptyTable": "Registros no disponibles",
"info": "Mostrando del START al END de TOTAL registros",
"infoEmpty": "Mostrando 0 al 0 de 0 regisros",
"lengthMenu": "Mostrar MENU registros",
"loadingRecords": "Por favor espere - cargando…",
"search": "",
"searchPlaceholder": "Buscar",
"zeroRecords": "No existen registros para mostrar",
"infoFiltered": "(filtrado de MAX registros)"
}
});