I'm trying to hide/disable the tooltip when you hover over a page number in pagination toolbar in the kendo grid:

I've spend several hours reading the documentation and forums, awnsers are either outdated or do not seem to work.

How do I hide this tooltip/popup?

Regards,
Jorre Vedder

I am showing pagination at bottom of Kendo Grid and data is coming dynamically, but when data is not there and the total parameter is 0 i am observing nothing in the pages. For this see the below screenshot

How we can resolve this issue?

the default number of page buttons is currently 10.

would like to know if it is possible to change to 5 buttons when it is detected that the user is surfing the page on mobile?

Hi Guys,

I have JQuery, KendoUI ASPNET MVC 5 which has two pages Index and View Details Page each has a dedicated js file and want to return to the previous Grid page number when a button in View Details is clicked:

• In the first page I search Customer details which populates a table with Customer details { Name, Occupation and Title, a link to the view details} and has pageSize of 10 and multiple pages, depending on the customers stored.
• What I want to achieve is to be able to return to the previous page results that was selected when and <a> to view details was clicked. For Instance I click <a> element on page number 20, I want to return to page 20 when I click save.

This is what I have tried so far:

• I used the standard way of saving the page grid in a sessionStorage , retrieving the saved page and assigning it to the current page when save or cancel button is clicked, and assigning the saved grid page number using this method:    kendoGrid.dataSource.page(savedPage).
• Results:  Returns to the first of results, irrespective of the current save page in the session storage.

I then attempted to fix the issue by trying to set the page number using the jquery.

ViewDetails.js

$(document).ready(function () {

  $("button.isa-button-back, button.isa-button-save").click(function (e) {

    localStorage.setItem("depositButtonClicked", true);

  });

});

Index.js

$(document).ready(function () {

  var filterNumber = $("span.k-state-selected").text();

  localStorage.setItem("filterNumber", filterNumber);

  if (localStorage.getItem("depositButtonClicked") === "true") {

    var storedValue = localStorage.getItem("filterNumber");

    $($("ul.k-pager-numbers li span.k-state-selected")).removeClass(

      "k-state-selected"

    );

    $("ul.k-pager-numbers li span")

      .filter(function () {

        return $(this).text() == parseInt(storedValue);

      })

      .addClass("k-state-selected");

    localStorage.removeItem("storedValue");

    localStorage.removeItem("depositButtonClicked");

  }

});

Results: Internal Server Error 500, when I click save or back button in the detailsPage

Another way that I tried was to use this function in the  CustomerController's method:

         

Hi

my pager in the grid component does not show the active page:

analysing the HTML there is a class k-state-selected

but this class is nowhere defined in the current default theme

checking with the working demo from the kendo page the pager as rendered as buttons instead of li and there is a class k-selected which is also defined in the theme:

I'm working with all current versions:

Hi,

I would like to ask if it is possible to move the grid pager to the right, and also rearrange the “1-1 of items” message as the first element in the pager with just CSS?

How I want it to show:

I can structure the pager to the right with this line of Javascript code ,

$('.k-pager-info').insertBefore('.k-grid-pager .k-link:first');

But I would prefer a solution with only CSS and no Javascript.

Thank you.

Hi,

I would like to have paging on my grid and I am using standard paging options as recommended.

However one of users would like to start with option "Show all", and I can achieve this with setting page sizes, but not pageSize property. Grid automatically falls back to All, which is ok - display of number of records is broken in this case, and instead of showing 135 - 135 of 135 items, it says NaN - NaN of 135 items.

Is the way I am setting grid to use all as default wrong or there is a bug with this behavior?

For the example of behavior, please see the demo

Regards,

Vedad

For example, you took 20 data and showed grid.
pressing the next button will pull the next 20 from the api again and it will be displayed

hı everyone.
How is pagination done?

would like to check if the red box up item in the image for paging of the grid be hidden. i know that i can hide using CSS, but i would like to check if the grid have a jquery option to do this instead?

also would like to check if i am able to customised the page size dropdown but adding new page size to it?