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

O recurso Paginação Ignite UI for Web Components em Web Components 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 de grade melhora a experiência do usuário e a interação de dados. IgcHierarchicalGridComponent A paginação é configurável por meio de um componente separado projetado na árvore de grade, definindo uma IgcPaginator tag, semelhante à adição de uma coluna. Como em qualquer tabela Web Components, a paginação na Grade Hierárquica Web Components dá suporte ao modelo para páginas personalizadas.

Web Components Hierarchical Grid Pagination Example

O exemplo a seguir representa IgcHierarchicalGridComponent a paginação e expõe o uso de opções de itens por página e como a paginação pode ser habilitada. O usuário também pode navegar rapidamente pelas páginas por meio dos botões "Ir para a última página" e "Ir para a IgcHierarchicalGridComponent primeira página".

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

<igc-hierarchical-grid id="grid" class="gridSize" height="500px" width="100%" >
    <igc-paginator per-page="10">
    </igc-paginator>
</igc-hierarchical-grid>

Usage

O IgcPaginator componente é usado junto com o IgcHierarchicalGridComponent componente no exemplo abaixo, mas você pode usá-lo com qualquer outro componente caso a funcionalidade de paginação seja necessária.

Usage

Paginator Configuration within Child Grids

Paginator Component Demo

API References

Additional Resources