pageable.messages.display String (default: "{0} - {1} of {2} items"),

The text with the pager information. Uses kendo.format.

Contains the following placeholders:

  • {0} - The first data item index.
  • {1} - The last data item index.
  • {2} - The total number of data items.

Example - setting the display pager message

<div id="treeList"></div>
<script>
    $("#treeList").kendoTreeList({
        columns: [
          { field: "id" },
          { field: "name" }
        ],
        dataSource: {
            data: [
              { id: 1, parentId: null, name: "item 1" },
              { id: 2, parentId: 1, name: "item 2" },
              { id: 3, parentId: 1, name: "item 3" },
              { id: 4, parentId: 1, name: "item 4" },
            ]
        },
        pageable: {
            pageSize: 2,
            messages: {
                display: "Showing {0}-{1} from {2} data items"
            }
        }
    });
</script>
In this article