Descripción general de la paginación en cuadrícula jerárquica React

La función Ignite UI for React Pagination en React Hierarchical Grid se utiliza para dividir un gran conjunto de datos en una secuencia de páginas con contenido similar. React paginación en cuadrícula mejora la experiencia del usuario y la interacción con los datos.IgrHierarchicalGrid La paginación se puede configurar mediante un componente separado proyectado en el árbol de la cuadrícula definiendo unaIgrPaginator etiqueta, similar a la suma de una columna. Como en cualquier tabla React, la paginación en la React Hierarchical Grid soporta plantillas para páginas personalizadas.

React Hierarchical Grid Pagination Example

El siguiente ejemplo representaIgrHierarchicalGrid la paginación y expone las opciones, el uso de elementos por página y cómo se puede habilitar el pagado. El usuario también puede navegar rápidamente por lasIgrHierarchicalGrid páginas mediante los botones "Ir a la última página" y "Ir a la primera página".

.gridSize {
    --ig-size: var(--ig-size-small);
}

<IgrHierarchicalGrid className="gridSize" height="500px" width="100%">
    <IgrPaginator perPage={10}>
    </IgrPaginator>
</IgrHierarchicalGrid>

Usage

ElIgrPaginator componente se utiliza junto con elIgrHierarchicalGrid componente del ejemplo siguiente, pero puedes usarlo con cualquier otro componente en caso de que se necesite funcionalidad de paginación.

Usage

Paginator Configuration within Child Grids

Paginator Component Demo

API References

Additional Resources