Good morning, I researched in the plugin code jQuery datatables to achieve modify the text "Show records" but can not find where it is generated, Has anyone found or developed something to modify it?
Good morning, I researched in the plugin code jQuery datatables to achieve modify the text "Show records" but can not find where it is generated, Has anyone found or developed something to modify it?
The structure for that is like this:
$('#mitabla').DataTable({
"paging": true,
"lengthChange": true,
"searching": true,
"ordering": true,
"info": true,
"autoWidth": true,
"lengthMenu": [ [5, 10, 25, 50, -1], [5, 10,25, 50, "Mostrar Todo"] ],
"language": unJSONdelastraducciones
});
Here I give you a complete example of how to translate datatables:
first I'll do the JSON of the language:
let idioma=
{
"sProcessing": "Procesando...",
"sLengthMenu": "Mostrar _MENU_ registros",
"sZeroRecords": "No se encontraron resultados",
"sEmptyTable": "Ningún dato disponible en esta tabla",
"sInfo": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
"sInfoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
"sInfoFiltered": "(filtrado de un total de _MAX_ registros)",
"sInfoPostFix": "",
"sSearch": "Buscar:",
"sUrl": "",
"sInfoThousands": ",",
"sLoadingRecords": "Cargando...",
"oPaginate": {
"sFirst": "Primero",
"sLast": "Ultimo",
"sNext": "Siguiente",
"sPrevious": "Anterior"
},
"oAria": {
"sSortAscending": ": Activar para ordenar la columna de manera ascendente",
"sSortDescending": ": Activar para ordenar la columna de manera descendente"
},
"buttons": {
"copyTitle": 'Informacion copiada',
"copyKeys": 'Use your keyboard or menu to select the copy command',
"copySuccess": {
"_": '%d filas copiadas al portapapeles',
"1": '1 fila copiada al portapapeles'
},
"pageLength": {
"_": "Mostrar %d filas",
"-1": "Mostrar Todo"
}
}
};
and already in your table you put like this:
$('#miTabla').DataTable({
"paging": true,
"lengthChange": true,
"searching": true,
"ordering": true,
"info": true,
"autoWidth": true,
"lengthMenu": [ [5, 10, 25, 50, -1], [5, 10,25, 50, "Mostrar Todo"] ],
"language": idioma
});
In your example it seems to me that you will use material design so I will attach some examples that I have in my codepen:
Datatable design material
link
Materializecss Datatable design material
link
Materializecss Datatable material design2 link