Paginador de tabla simple en JavaScript puro-Paginator. js

Vista prévia

Descripción

Un sencillo paginador de tabla JavaScript sin dependencia que convierte las tablas HTML largas (e incluso las listas html) en varias páginas para una mayor legibilidad.

Funcionamiento

Descargue e inserte el script Paginator. js en la Página Web.

<script src="paginator.js"></script>

El código JavaScript para paginar una tabla HTML básica.

paginator({

table: document.getElementById("table-demo").getElementsByTagName("table")[0],

box: document.getElementById("box"),
});

El código JavaScript para paginar una lista HTML.

paginator({


get_rows: function () {




return document.getElementById("list").getElementsByTagName("li");


},


box: document.getElementById("list_index")
});

Todas las opciones posibles:

• get_rows : función utilizada para seleccionar filas en las que hacer la paginación. Si no se proporciona ninguna función, comprueba si hay un elemento config. Table y busca filas en la página.
• cuadro : elemento vacío que tendrá botones de página agregados a él. Si no se proporciona ningún config. Box, pero un config. Table es, a continuación, los botones de página se agregarán mediante la tabla.
• tabla : elemento de tabla que se va a paginar no es necesario si se proporciona una función get_rows.
• rows_per_page : número de filas que se mostrarán por página. número predeterminado es 10.
• Página : Página para mostrar. La página predeterminada es 1.
• box_mode : "lista", "botones" o función. determina cómo se crean los botones de número de página.
• page_options: false o [{Text:, Value:}, …] se utiliza para establecer lo que las opciones del menú desplegable están disponibles, restablece rows_per_page valor. False impide que se muestren las opciones. [{Text:, Value:}, …] le permite personalizar los valores que se pueden elegir, un valor de 0 mostrará todas las filas de la tabla.
• active_class : establezca la clase para que los botones de página tengan cuando estén activos. El valor predeterminado es "activo".
• tail_call : función que se llamará después de que se realice el paginador, y después de cada vuelta de la página, o el cambio del número de filas por página.
• disable: true o false, muestra todas las filas de la tabla y oculta los controles de paginación si se establece en true.

Registro de cambios

09/02/2018

• Añadida la función "Disable"