New to Kendo UI for jQuery? Start a free 30-day trial

Paging

Updated on Jun 9, 2025

The TreeList supports client-side paging for large sets of data.

To enable the paging functionality of the TreeList, configure the pageable settings.

Remember to set a pageSize. You can define a pageSize in the pageable or in the dataSource settings. If an already existing dataSource instance is passed to the TreeList, then the pageSize option has to be set in the dataSource settings and not in the pageable settings.

$(document).ready(function () {
    var service = "https://demos.telerik.com/service/v2/core";

    $("#treelist").kendoTreeList({
        dataSource: {
            transport: {
                read: {
                    url: service + "/EmployeeDirectory/All"
                }
            },
            schema: {
                model: {
                    id: "EmployeeId",
                    parentId: "ReportsTo",
                    expanded: true,
                    fields: {
                        ReportsTo: { nullable: true },
                        EmployeeId: { type: "number" },
                        HireDate: { field: "HireDate", type: "date" }
                    }
                }
            }
        },
        height: 540,
        filterable: true,
        sortable: true,
        columns: [
            {
                field: "FirstName", title: "Name",
                template: "#: FirstName # #: LastName #"
            },
            { field: "Position" },
            { field: "HireDate", title: "Hire Date", format: "{0:MMMM d, yyyy}" }
        ],
        pageable: {
            pageSize: 15,
            pageSizes: true
        }
    });
});

Paging

See Also