AstrolUI AstrolUI
Amarillo Naranja Rojo Verde Azul Morado Color propio
Modo claro
Pagination

Navegación entre páginas para grids o listas paginadas en el servidor.

1. Demo AstrolPagination

de 24

Página, tamaño y total: 1 · 10 · 237

@using Astrol.Component.Basic.Pagination
@using Astrol.Entities.Basic.UI.Grid
 
<AstrolPagination Page="@page" PageSize="@pageSize" ItemCount="@total" PaginationChange="OnChange" />
 
@code {
 private int page = 1;
 private int pageSize = 10;
 private int total = 237;
 
 private async Task OnChange(GridInfo info)
 {
 page = info.Page;
 pageSize = info.PageSize;
 // load the page from the server with info.Page / info.PageSize
 }
}

Parámetros que admite

  • Page (int), página actual (por defecto 1).
  • PageSize (int), elementos por página (por defecto 10).
  • PageSizeList (List<int>), tamaños que ofrece el selector (por defecto 5, 10, 20, 50, 100).
  • ItemCount (int), total de elementos (calcula el número de páginas).
  • PaginationChange (EventCallback<GridInfo>), al cambiar de página, de tamaño o al pulsar recargar; GridInfo trae Page y PageSize.
  • TextPage, TextOf, TextPageSize, TextItem, TextAll (string?), textos (por defecto en el idioma de la aplicación).

AstrolGrid ya la incluye; úsela sola para listas o tarjetas paginadas en el servidor.

Markdown para IA © 2026 AstrolUI v10.0.13