Disable paging when only 1 page

[Lennart]

Hi all,

I was wondering if it was possible to disable/hide the paging feature dynamically when only 1 page is shown, i.e. PageSize is set to 100, but the data only consists of 70 rows.

Thanks!

Lennart

[Nikolay Rusev]

Hello Lennart,

You can hide the pager when total pages in the data source is one. For example:

//get reference to the Grid
var grid = $(".k-grid").data("kendoGrid");

grid.bind("dataBound", function() {
 if (this.dataSource.totalPages() == 1) {
  this.pager.element.hide();
 }
});

Regards,
Nikolay Rusev
the Telerik team

[Lennart]

Hi,

The solution you proposed did not work for me, but thanks for helping me get on my way. I ended up doing this:

In the grid definition:

.Events(events => events

  .DataBound("GridDataBound")

)

And then in JavaScript:

function GridDataBound() {

    if (this.dataSource.totalPages() == 1) {

        this.pager.element.hide();

    }

}

Thanks again!

[Timothy]

A much cleaner fix that doesn't need any javascript at all - use this css. This basically just hides the page number if it's the only one on the page.

.k-pager-numbers li:nth-child(2):last-child { display:none; }