Edit this page

enablePager Boolean(default: true)

If set to true the ScrollView will display a pager. By default pager is enabled.

Important: In case the total amount of displayed data is large, it is recommended to turn off the pager by setting enablePager: false in the configuration options or via data-enable-pager="false" data attribute.

Example - turn off pager (ScrollView in data bound mode)

<div data-role="view" data-stretch="true">
  <div data-role="scrollview"

<script id="scrollview-template" type="text/x-kendo-template">
  <div style="width: 110px; height: 110px; background-image: #=setBackground(ProductID)#;"></div>
  <p>#= ProductName #</p>

var app = new kendo.mobile.Application();

var dataSource = new kendo.data.DataSource({
  type: "odata",
  transport: {
    read: {
      url: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Products"
  serverPaging: true,
  pageSize: 30

function setBackground(id) {
  return "url(https://demos.telerik.com/kendo-ui/content/web/foods/" + id +".jpg)";
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article