pageable.pageSize Number

The number of data items which will be displayed in the ListView. This setting will not work if the ListView is assigned an already existing Kendo UI DataSource instance.

Example - set page size

<div id="listView"></div>

<script type="text/x-kendo-tmpl" id="template">
  <div class="product-view k-widget">
      <dl>
          <dt>Product Name</dt>
          <dd>#:ProductName#</dd>
      </dl>
  </div>
</script>

<script>
  $("#listView").kendoListView({
    dataSource: {
      data: [
        { ProductName: "Tea", ProductID: 1 },
        { ProductName: "Coffee", ProductID: 2 },
        { ProductName: "Ham", ProductID: 3 },
        { ProductName: "Bread", ProductID: 4 }
      ]
    },
    template: kendo.template($("#template").html()),
    navigatable: true,
    pageable: {
      pageSize: 2,
    }
  })
</script>
In this article