Pager

Example

Razor

<kendo-pager>
    <messages />
</kendo-pager>

ChildTags

Tag Name	Details
messages	PagerMessagesSettingsTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
as-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
adaptive-mode	AdaptiveMode	Specifies a value whether the page sizes dropdown will be adaptive
aria-template	String	Specifies a template used to populate the value of the aria-label attribute of the pager element.The parameters available for the template are: page - The current page. or totalPages - The total number of pages..
aria-template-handler	String	Specifies a template used to populate the value of the aria-label attribute of the pager element.The parameters available for the template are: page - The current page. or totalPages - The total number of pages.. This option expects the name of a JavaScript function that will be called to return the template.
aria-template-id	String	Specifies a template used to populate the value of the aria-label attribute of the pager element.The parameters available for the template are: page - The current page. or totalPages - The total number of pages.. This option expects the ID of the script element that contains the template.
aria-template-view	IHtmlContent	Specifies a template used to populate the value of the aria-label attribute of the pager element.The parameters available for the template are: page - The current page. or totalPages - The total number of pages.. This option expects the instance containing the created HTML.
auto-bind	Boolean	Indicates whether the pager refresh method will be called within its initialization.
button-count	Double	Defines the number of buttons displayed in the numeric pager.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
datasource-id	String	The Id of the data source.
info	Boolean	Defines if a label showing current paging information will be displayed.
input	Boolean	Defines if an input element which allows the user to navigate to given page will be displayed. If enabled the numeric buttons for pages will not be rendered.
link-template	String	The template for page number links.
link-template-handler	String	The template for page number links. This option expects the name of a JavaScript function that will be called to return the template.
link-template-id	String	The template for page number links. This option expects the ID of the script element that contains the template.
link-template-view	IHtmlContent	The template for page number links. This option expects the instance containing the created HTML.
navigatable	Boolean	If set to true the user could navigate the widget using the keyboard navigation. By default keyboard navigation is disabled.
numeric	Boolean	Defines if numeric portion of the pager will be shown.
on-change	String	The name of the JavaScript function that will handle the change event. Fires when the current page has changed.
page-sizes	Boolean	If set to true the pager will display a drop-down which allows the user to pick a page size. By default the page size drop-down is not displayed.Can be set to an array of predefined page sizes to override the default list. A special all value is supported. It sets the page size to the total number of records.If a pageSize setting is provided for the data source then this value will be selected initially.
previous-next	Boolean	Defines if buttons for navigating to the first, last, previous and next pages will be shown.
refresh	Boolean	Defines if a refresh button will be displayed. Click on that button will call DataSource read() method to get actual data.
responsive	Boolean	Defines if the pager will be responsive.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
select-template	String	The template for selected page number link.
select-template-handler	String	The template for selected page number link. This option expects the name of a JavaScript function that will be called to return the template.
select-template-id	String	The template for selected page number link. This option expects the ID of the script element that contains the template.
select-template-view	IHtmlContent	The template for selected page number link. This option expects the instance containing the created HTML.
size	ComponentSize	Sets the size of the component.