You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: blazor/pager/behaviour-settings.md
+16-8Lines changed: 16 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,19 +1,27 @@
1
1
---
2
2
layout: post
3
-
title: Behaviour Settings in Blazor Pager Component | Syncfusion
4
-
description: Checkout here and learn about all the basic functionalities of rendering the Syncfusion Blazor Pager component and much more.
3
+
title: Behavior Settings in Blazor Pager Component | Syncfusion
4
+
description: Learn how to configure core behavior settings—page size, numeric item count, total item count, and more—in the Syncfusion Blazor Pager component.
5
5
platform: Blazor
6
6
control: Pager
7
7
documentation: ug
8
8
---
9
9
10
10
# Behaviour Settings in Pager Component
11
11
12
-
This section briefly explains how the Pager APIS are helped to render the elements (numeric items and navigation buttons) of the Pager component. The total pages of the Pager component is calculated based on the defined [PageSize](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_PageSize) and [TotalItemsCount](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_TotalItemsCount) property.
12
+
The Syncfusion<supstyle="font-size:70%">®</sup> Blazor Pager component includes properties that control its rendering behavior, such as numeric items and navigation buttons. The total number of pages is determined by the values of the [PageSize](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_PageSize) and [TotalItemsCount](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_TotalItemsCount) properties.
13
+
14
+
**Core properties of the pager component**
15
+
16
+
*[PageSize](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_PageSize) – Specifies the number of items displayed per page.
17
+
*[NumericItemsCount](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_NumericItemsCount) – Defines the number of numeric items shown for navigation.
18
+
*[TotalItemsCount](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_TotalItemsCount) – Indicates the total number of items in the data collection.
19
+
*[CurrentPage](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_CurrentPage) – Sets the page to display initially.
20
+
*[ShowPagerMessage](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_ShowPagerMessage) – Controls the visibility of the pager information message.
13
21
14
22
## Page size
15
23
16
-
The Pager component provides an option to define the number of items to be displayed per page. This can be achieved by using the [PageSize](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_PageSize) property. The default value of the `PageSize` property is "12."
24
+
The Syncfusion<supstyle="font-size:70%">®</sup> Blazor Pager component provides the [PageSize](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_PageSize) property to define the number of items displayed per page. The default value is **12**.
17
25
18
26
```csharp
19
27
@usingSyncfusion.Blazor.Navigations
@@ -25,7 +33,7 @@ The Pager component provides an option to define the number of items to be displ
25
33
26
34
## Numeric items count
27
35
28
-
ThePagercomponentprovidesanoptiontodefinethenumberofnumericitemstobedisplayedinthePagerfornavigation. Thiscanbeachievedbyusingthe [NumericItemsCount](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_NumericItemsCount) property. The default value of the `NumericItemsCount` property is "10."
36
+
TheSyncfusion<supstyle="font-size:70%">®</sup>BlazorPagercomponentprovidesthe [NumericItemsCount](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_NumericItemsCount) property to define how many numeric navigation items are displayed in the pager. The default value is **10**.
29
37
30
38
```csharp
31
39
@usingSyncfusion.Blazor.Navigations
@@ -37,7 +45,7 @@ The Pager component provides an option to define the number of numeric items to
37
45
38
46
## Total items count
39
47
40
-
ThePagercomponentprovidesanoptiontodefinethetotalnumberofitemsavailableintheassigneddatacollection, whichisusedtorendertheelements(numericitems, navigationbuttons) ofPagercomponent. Thiscanbeachievedbyusingthe [TotalItemsCount](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_TotalItemsCount) property of the Pager.
48
+
TheSyncfusion<supstyle="font-size:70%">®</sup>BlazorPagercomponentprovidesthe [TotalItemsCount](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_TotalItemsCount) property to specify the total number of items in the data collection. This value is used to calculate the total number of pages and render numeric items and navigation buttons.
41
49
42
50
```csharp
43
51
@usingSyncfusion.Blazor.Navigations
@@ -49,7 +57,7 @@ The Pager component provides an option to define the total number of items avail
49
57
50
58
## Current page
51
59
52
-
BlazorPagercomponentsupporttodefinewhichpagetobedisplayedcurrentlyinthePagerusingthe[CurrentPage](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_CurrentPage) property. The default value of the `CurrentPage` property is "1".
60
+
TheSyncfusion<supstyle="font-size:70%">®</sup>BlazorPagercomponentprovidesthe [CurrentPage](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_CurrentPage) property to specify which page is displayed initially when the pager is rendered. The default value is **1**.
53
61
54
62
```csharp
55
63
@usingSyncfusion.Blazor.Navigations
@@ -61,7 +69,7 @@ Blazor Pager component support to define which page to be displayed currently in
61
69
62
70
## Show pager message
63
71
64
-
ThePagercomponentprovidesanoptiontoshoworhidethePagerinformationinthePagercontainer. Thiscanbeachievedbyusingthe[ShowPagerMessage](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_ShowPagerMessage) property. The default value of the `ShowPagerMessage` is "true". If you set the `ShowPagerMessage` to false, then the Pager information will be hidden.
72
+
TheSyncfusion<supstyle="font-size:70%">®</sup>BlazorPagercomponentprovidesthe [ShowPagerMessage](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_ShowPagerMessage) property to control the visibility of the pager information message. The default value is **true**. Setting this property to **false** hides the message from the pager container.
0 commit comments