Herramientas de usuario

Herramientas del sitio


informatica:programacion:javascript:jquery:datatables

Diferencias

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

Enlace a la vista de comparación

Ambos lados, revisión anteriorRevisión previa
Próxima revisión
Revisión previa
informatica:programacion:javascript:jquery:datatables [2022/04/27 10:54] – [Deshabilitar ordenación inicial] tempwininformatica:programacion:javascript:jquery:datatables [2026/01/27 12:16] (actual) – [Opciones] tempwin
Línea 104: Línea 104:
     $('#mi-tabla').DataTable({     $('#mi-tabla').DataTable({
         language: {         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> </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 ===== ===== Navegación =====
  
Línea 134: Línea 144:
 <code javascript> <code javascript>
 $('#example').dataTable( { $('#example').dataTable( {
-  "lengthMenu": [ [10, 25, 50, -1], [10, 25, 50, "All"] ]+  "lengthMenu": [ [10, 25, 50, -1], [10, 25, 50, "Todo"] ]
 } ); } );
 </code> </code>
Línea 141: Línea 151:
 ^   Opción          ^ Descripción                        ^ Ejemplo ^ ^   Opción          ^ Descripción                        ^ Ejemplo ^
 | ''ordering''      | Habilitar/deshabilitar ordenación  | ''ordering: false'' | | ''ordering''      | Habilitar/deshabilitar ordenación  | ''ordering: false'' |
 +| ''searching''     | Habilitar/deshabilitar cuadro de búsqueda  | ''searching: false''  |
 +| ''paging''        | Habilitar/deshabilitar paginación | ''paging: false''  |
 +| ''info''          | Controla el texto informativo que aparece debajo de la tabla  | ''info: false'' |
 ===== Recursos ===== ===== Recursos =====
  
informatica/programacion/javascript/jquery/datatables.1651049690.txt.gz · Última modificación: por tempwin