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>