pageable.position String (default: "bottom")

Specifies the position in which the ListView pager will be rendered. Valid values are "top" and "bottom" (default).

Example - place the Pager on top of the ListView

<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,
      position: "top"
    }
  })
</script>
In this article