Pagination


This documentation provides a comprehensive reference for the Pagination component, guiding you through its configuration options.

Demos

Screenshot #

Blazor Pagination Component

Pagination Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
Alignment PaginationAlignment None Get or sets the Pagination alignment. 1.0.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
DisplayPages int 5 Gets or sets the maximum page links to be displayed. 1.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
IsRounded bool False When set to true, changes the appearance of PaginationItem to rounded. 1.0.0
NextButtonTemplate RenderFragment null Gets or sets the next button template. 1.0.0
PreviousButtonTemplate RenderFragment null Gets or sets the previous button template. 1.0.0
Size PaginationSize None Get or sets the Pagination size. 1.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0
TotalPages int 0 Gets or sets the total pages. 1.0.0

Pagination Events #

Name Return Type Description Added Version
PageChanged EventCallback<int> This event fires immediately when the page number is changed. 1.0.0

PaginationItem Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment null Gets or sets the child content. 1.0.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
IsCurrentPage bool False If true, sets the PaginationItem as current page. 1.0.0
IsDisabled bool False If true, disables the PaginationItem. 1.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0
Type PaginationLinkType None Gets or sets the PaginationItem type. 1.0.0
DO YOU KNOW?
This demo website is built using the BlazorExpress.Bulma library and published on the Azure Web App. See our source code on GitHub.