Como traducir Datatable JQuery

Bienvenid@s a Vertutoriales.com, en esta ocasión os vengo a explicar como podéis traducir datatables, esta librería de JQuery con la que podéis trabajar mucho más fácilmente las grillas de datos.

La traducción de las datatables no es nada complicado ya que el propio método acepta un array en JSon con el que pasarle exactamente la información que necesita para cambiar los valores mostrados, de esta manera la traducción se hace fácil y rápida, solo hay que investigar un poco los diferentes parámetros a traducir, veamos los más comunes:

[codesyntax lang=”javascript”]
$(‘#tablaRegistros’).dataTable(
{
“ajax”: {
“url”: “./modulos/usuarios/dk-logica.php”,
“type”: “POST”,
data: {“accion”:”listaRegistros”
}
},
“columns”: [
{ “data”: “nombre” },
{ “data”: “email” },
{ “data”: “tlf1” },
{ “data”: “fechaAlta” },
{ “data”: “fechaBaja” },
{ “data”: “acciones” }
],
“bDeferRender”: true,
“oLanguage”: {
“sEmptyTable”: “No hay registros disponibles”,
“sInfo”: “Hay _TOTAL_ registros. Mostrando de (_START_ a _END_)”,
“sLoadingRecords”: “Por favor espera – Cargando…”,
“sSearch”: “Filtro:”,
“sLengthMenu”: “Mostrar _MENU_”,
“oPaginate”: {
“sLast”: “Última página”,
“sFirst”: “Primera”,
“sNext”: “Siguiente”,
“sPrevious”: “Anterior”
}
}
});
[/codesyntax]

En el anterior código explico como se le pasa el array oLanguage para que veáis exactamente como añadirlo a vuestra datatable. Si os fijáis está compuesto a su vez por otro array que incluye los diferentes parámetros a traducir, paso a definirlos:

"sEmptyTable": "No hay registros disponibles", (Si la tabla está vacía)
			"sInfo": "Hay _TOTAL_ registros. Mostrando de (_START_ a _END_)", (información a pie de página que incluye tres variables _TOTAL_, _START_ y _END_, el total de registros en la datatable, el principio y el fin desde donde pagina.
			"sLoadingRecords": "Por favor espera - Cargando...", (mensaje que muestra mientras está cargando la información el datatable)
			"sSearch": "Filtro:", (El texto al lado de la caja de texto para buscar)
			"sLengthMenu": "Mostrar _MENU_", (el texto al lado de la caja de registros por página)
"oPaginate": {   (el menú de la paginación compuesto por más valores)
"sLast": "Última página", (texto para última página)
				"sFirst": "Primera", (texto para primera página)
"sNext": "Siguiente", (texto para siguiente página)
"sPrevious": "Anterior" (texto para anterior página)

Estos valores no son todos, pero a mi parecer son los más usados, si queréis ver todos los parámetros que acepta una datatable a traducir, podéis visitar el siguiente enlace: http://legacy.datatables.net/usage/i18n

Si tenéis cualquier consulta no dudéis en comentarla y os ayudaré en lo que esté en mi mano. Si os ha gustado podéis seguirme desde Facebook y Youtube como VerTutoriales. Sino os ha gustado comentad como lo mejorarías 😉

Seguimos avanzando!