Pager

Example

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

ChildTags

Tag NameDetails
messagesPagerMessagesSettingsTagHelper

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
datasource-idStringThe Id of the data source.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
aria-templateStringSpecifies 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-handlerStringSpecifies 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-idStringSpecifies 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-viewIHtmlContentSpecifies 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..
auto-bindBooleanIndicates whether the pager refresh method will be called within its initialization.
button-countDoubleDefines the number of buttons displayed in the numeric pager.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
as-moduleBoolean
has-client-componentBoolean
infoBooleanDefines if a label showing current paging information will be displayed.
inputBooleanDefines if an input element which allows the user to navigate to given page will be displayed.
link-templateStringThe template for page number links.
link-template-handlerStringThe template for page number links.
link-template-idStringThe template for page number links.
link-template-viewIHtmlContentThe template for page number links.
navigatableBooleanIf set to true the user could navigate the widget using the keyboard navigation. By default keyboard navigation is disabled.
numericBooleanDefines if numeric portion of the pager will be shown.
on-changeStringFires when the current page has changed.
page-sizesBooleanIf 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-nextBooleanDefines if buttons for navigating to the first, last, previous and next pages will be shown.
refreshBooleanDefines if a refresh button will be displayed. Click on that button will call DataSource read() method to get actual data.
responsiveBooleanDefines if the pager will be responsive.
sanitize-idBoolean
script-attributesIDictionary<String,Object>
select-templateStringThe template for selected page number link.
select-template-handlerStringThe template for selected page number link.
select-template-idStringThe template for selected page number link.
select-template-viewIHtmlContentThe template for selected page number link.
sizeComponentSizeSets the size of the component.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support