CODEWITHSUNDEEP
kendo-uikendo-grid
Mahesh
Mahesh

Reputation: 141

How to set different page size to different pages In Kendo UI Grid

Hi I have one requirement in Kendo UI Grid pagination.

How to show

  1. X items / rows in 1st page
  2. X+1 items / rows in 2nd page
  3. X-1 items / rows in 3rd page

I have tried bellow code but not worked, it will show 2 items per page because of latest query selection.

$("div[kendo-grid]").data().kendoGrid.dataSource.query({ pageSize: 3, page: 1 });
$("div[kendo-grid]").data().kendoGrid.dataSource.query({ pageSize: 4, page: 2 });
$("div[kendo-grid]").data().kendoGrid.dataSource.query({ pageSize: 2, page: 3 });

Upvotes: 0

Views: 1396

Answers (1)

calinaadi
calinaadi

Reputation: 1466

You should use dataBound event to catch page changes.

var page = $("#grid").data("kendoGrid").dataSource.page();

will give you the current page.

To change page size you can use something like: 

if (page == 2){
       var grid = $("#grid").data("kendoGrid");
       grid.dataSource.pageSize(5);
       grid.refresh();
}

Upvotes: 1

Related Questions