Web Components Descripción general de la paginación de cuadrícula jerárquica
La función de paginación Ignite UI for Web Components de Web Components cuadrícula jerárquica se utiliza para dividir un gran conjunto de datos en una secuencia de páginas que tienen un contenido similar. React paginación de cuadrícula mejora la experiencia del usuario y la interacción con los datos. IgcHierarchicalGridComponent
La paginación se puede configurar a través de un componente separado proyectado en el árbol de cuadrícula mediante la definición de una IgcPaginator
etiqueta, similar a la adición de una columna. Al igual que en cualquier tabla Web Components, la paginación de la cuadrícula jerárquica de Web Components admite plantillas para páginas personalizadas.
Web Components Ejemplo de paginación de cuadrícula jerárquica
En el ejemplo siguiente se representa IgcHierarchicalGridComponent
la paginación y se exponen las opciones de uso de elementos por página y cómo se puede habilitar la paginación. El usuario también puede navegar rápidamente por las páginas a través de los botones "Ir a la IgcHierarchicalGridComponent
última página" e "Ir a la primera página".
¿Te gusta esta muestra? Obtenga acceso a nuestro kit de herramientas de Ignite UI for Web Components completo y comience a crear sus propias aplicaciones en minutos. Descárgalo gratis.
.gridSize {
--ig-size: var(--ig-size-small);
}
css
<igc-hierarchical-grid id="grid" class="gridSize" height="500px" width="100%" >
<igc-paginator per-page="10">
</igc-paginator>
</igc-hierarchical-grid>
html
Uso
El IgcPaginator
componente se utiliza junto con el IgcHierarchicalGridComponent
componente del ejemplo siguiente, pero puede utilizarlo con cualquier otro componente en caso de que se necesite la funcionalidad de paginación.
Configuración del paginador dentro de las cuadrículas secundarias
Demostración del componente paginador
Referencias de API
Recursos adicionales
Nuestra comunidad es activa y siempre da la bienvenida a nuevas ideas.