Diferencias

Muestra las diferencias entre dos versiones de la página.

--- informatica:programacion:javascript:jquery:datatables [2022/04/27 10:37] – [Idiomas] tempwin
+++ informatica:programacion:javascript:jquery:datatables [2023/11/09 10:31] (actual) – [Idiomas] tempwin
@@ Línea 104: / Línea 104: @@
     $('#mi-tabla').DataTable({
         language: {
-            url: '//cdn.datatables.net/plug-ins/1.11.5/i18n/es-ES.json'
+            url: '//cdn.datatables.net/plug-ins/1.13.7/i18n/es-ES.json'
         }
     });
@@ Línea 121: / Línea 121: @@
     });
 } );
+</code>
+==== Ordenar por una columna específica ====
+<code javascript>
+$(document).ready( function () {
+    $('#mi-tabla').DataTable({
+        "order": [[4, "asc"]]
+    });
+} );
 </code>
+Ordenaría de forma ascendente por la columna 4 que es la que ocupa la quinta posición (la primera columna tiene el valor 0).
+===== Navegación =====
+==== Longitud del menú ====
+Muestra un selector para elegir el número de resultados que se visualizarán por página.
+El siguiente fragmento mostrará las opciones de mostrar 10, 25, 50 o todos los registros:
+<code javascript>
+$('#example').dataTable( {
+  "lengthMenu": [ [10, 25, 50, -1], [10, 25, 50, "Todo"] ]
+} );
+</code>
 ===== Opciones =====