Visão geral da paginação de grade hierárquica do React

O recurso Ignite UI for React Paginação em React Grade Hierárquica é usado para dividir um grande conjunto de dados em uma sequência de páginas com conteúdo semelhante. React paginação em grade melhora a experiência do usuário e a interação com dados.IgrHierarchicalGrid A paginação pode ser configurada por meio de um componente separado projetado na árvore da grade definindo umaIgrPaginator tag, semelhante à adição de uma coluna. Como em qualquer tabela React, a paginação na Grade Hierárquica React suporta templates para páginas personalizadas.

React Hierarchical Grid Pagination Example

O exemplo a seguir representaIgrHierarchicalGrid a paginação e expõe as opções, uso de itens por página e como a paginação pode ser ativada. O usuário também pode navegar rapidamente pelasIgrHierarchicalGrid páginas através dos botões "Ir para a última página" e "Ir para a primeira página".

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

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

Usage

OIgrPaginator componente é usado junto com oIgrHierarchicalGrid componente do exemplo abaixo, mas você pode usá-lo com qualquer outro componente caso seja necessária funcionalidade de paginação.

Usage

Paginator Configuration within Child Grids

Paginator Component Demo

API References

Additional Resources