Javascript Datatables
functions
- initComplete: https://datatables.net/reference/option/initComplete
plugins:
- sorting date/time values: https://datatables.net/plug-ins/sorting/datetime-moment
- formatting date/time: https://datatables.net/examples/datetime/formatting-moment.html
i18n
gemini
Para la versión 2.3.6 (y en general para toda la rama 2.x), el ecosistema de DataTables ha centralizado y actualizado sus archivos de traducción.
Aquí tienes los lugares clave para consultarlos y cómo usarlos:
1. El Catálogo Oficial (Web)
La forma más visual de ver qué idiomas están disponibles es a través de la sección de Plug-ins de su web oficial:
En esta página verás una lista interactiva. Si haces clic en un idioma (por ejemplo, "Spanish"), te mostrará el código JSON y la URL del CDN que debes utilizar.
2. Repositorio en GitHub
Si prefieres ver los archivos fuente originales o descargarlos para servirlos localmente, puedes encontrarlos en el repositorio oficial de plug-ins:
3. Uso directo vía CDN (Recomendado)
Para la versión 2.x, el CDN sigue un patrón muy sencillo. Puedes llamar al archivo directamente sin descargarlo. El formato suele ser:
https://cdn.datatables.net/plug-ins/2.3.6/i18n/[NOMBRE_DEL_ARCHIVO].json
Ejemplos comunes:
- Español:
es-ES.json - Catalán:
ca.json - Inglés: (Viene por defecto, no suele ser necesario).
- Francés:
fr-FR.json
Cómo implementarlo correctamente en la v2.3.6
En la versión 2, tienes dos formas principales de aplicar estas traducciones:
Opción A: Carga remota (Más limpia)
Ideal si tienes conexión a internet constante, ya que siempre carga la última versión del plugin.
new DataTable('#miTabla', { language: { url: 'https://cdn.datatables.net/plug-ins/2.3.6/i18n/es-ES.json' } });
Opción B: Objeto local
Si prefieres no depender de una petición externa o quieres modificar solo algunas frases (como hablamos antes con la paginación):
new DataTable('#miTabla', { language: { // Copias el contenido del JSON aquí processing: "Procesando...", search: "Buscar:", lengthMenu: "Mostrar _MENU_ registros", // ... etc } });
Un detalle importante sobre la v2.3.6
A diferencia de la v1.10, la versión 2.x es mucho más estricta y limpia con los nombres de las claves en el JSON. Los archivos que están en el CDN bajo la carpeta /2.3.6/ ya vienen optimizados para las nuevas opciones de la interfaz (como el nuevo buscador y el layout).