New to Telerik UI for ASP.NET Core? Download free 30-day trial

Set the All Page Size Feature in the Grid

Environment

Product Progress® Telerik® UI for ASP.NET Core Grid
Product Version 2017.2.621

Description

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

Solution

After the document is ready, dynamically add the option for the All page size by using the dataSource of the DropDownList and thus 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()
        })

More ASP.NET Core Grid Resources

See Also

In this article