Crear paginación y filtro para la tabla HTML-Ligne PaginateJs
| Autor: | itsalb3rt |
|---|---|
| Views Total: | 377 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 15, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
Ligne PaginateJs es un plugin de JavaScript vainilla para crear controles de paginación y filtro para tablas HTML grandes. Sin marcos ni dependencias.
Funcionamiento
Cargue los archivos JavaScript y CSS de Ligne PaginateJs.
<link rel="stylesheet" href="css/paginate.css"> <script src="js/paginate.js"></script>
Cree un campo de búsqueda para filtrar por los datos tabulares.
<input type="search" id="searchBox" placeholder="Filter...">
Establezca la paginación & opciones de filtro de la siguiente manera:
let options = {
numberPerPage:10,
constNumberPerPage:10,
numberOfPages:0,
goBar:false,
pageCounter:true,
hasPagination:true,
};
let filterOptions = {
el:'#searchBox'
}; Inicialice el Ligne PaginateJs en la tabla HTML. Hecho.
paginate.init('table',options,filterOptions);
