Edit this page

Set All Page Size in Grid for ASP.NET Core

Environment

Product Telerik 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.

        $(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()      
        })

Notes

This approach allows you to customize the text inside the drop-down list.

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy