1. Demo AstrolPagination

@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

 }

}

Supported parameters

• Page (int): current page (default 1).
• PageSize (int): items per page (default 10).
• PageSizeList (List<int>): sizes offered by the selector (default 5, 10, 20, 50, 100).
• ItemCount (int): total items (used to compute the number of pages).
• PaginationChange (EventCallback<GridInfo>): when the page or size changes or refresh is pressed; GridInfo has Page and PageSize.
• TextPage, TextOf, TextPageSize, TextItem, TextAll (string?): texts (default in the app language).

AstrolGrid already includes it; use it alone for server-side paged lists or cards.