Visão geral da paginação de grade hierárquica do Blazor
O recurso Paginação Ignite UI for Blazor em Blazor 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. IgbHierarchicalGrid A paginação é configurável por meio de um componente separado projetado na árvore de grade, definindo uma IgbPaginator tag, semelhante à adição de uma coluna. Como em qualquer tabela Blazor, a paginação na Grade Hierárquica Blazor dá suporte ao modelo para páginas personalizadas.
Blazor Hierarchical Grid Pagination Example
O exemplo a seguir representa IgbHierarchicalGrid 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 IgbHierarchicalGrid primeira página".
.gridSize {
--ig-size: var(--ig-size-small);
}
<IgbHierarchicalGrid @ref=grid Class="gridSize" Width="100%" Height="500px" Data=Data>
<IgbPaginator PerPage="10"></IgbPaginator>
</IgbHierarchicalGrid>
Usage
O IgbPaginator componente é usado junto com o IgbHierarchicalGrid componente no exemplo abaixo, mas você pode usá-lo com qualquer outro componente caso a funcionalidade de paginação seja necessária.
TO-DO H-GRID CODE SNIPPET
Paginator Configuration within Child Grids
TO-DO H-GRID CODE SNIPPET
Paginator Component Demo
API References
Additional Resources
Nossa comunidade é ativa e sempre acolhedora para novas ideias.