Set the All Page Size Feature in Grid for ASP.NET Core

Environment

Product Progress Kendo UI Grid for ASP.NET Core
Progress Kendo UI version 2017.2.621

Description

How can I use an All page size in the Kendo UI Grid in ASP.NET Core projects?

Solution

After the document is ready, dynamically add the option for the All page size through the dataSource of the DropdownList to allow for selecting the page size. The suggested approach also enables you to customize the text inside the DropDownList.

        $(function () {

            var grid = $('#grid').data('kendoGrid');

            var pageSizeDropDownList = grid.wrapper.children(".k-grid-pager").find("select").data("kendoDropDownList");
            console.log(pageSizeDropDownList)
            pageSizeDropDownList.dataSource.add({text:"All", value:'all'})
            pageSizeDropDownList.dataSource.sync()
        })
In this article
Not finding the help you need? Improve this article