Configuring grid paging

1 Answer 21 Views
Grid Pager
Benjamin
Top achievements
Rank 2
Iron
Veteran
Benjamin asked on 19 May 2022, 01:53 AM | edited on 19 May 2022, 01:55 AM

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?

1 Answer, 1 is accepted

Sort by
0
Georgi Denchev
Telerik team
answered on 23 May 2022, 08:28 AM

Hi, Benjamin,

You can configure the look of the grid pager through the pageable configurations.

To hide the page dropdown, you can set pageable.pageSizes to false:

.kendoGrid({
 pageable: {
  pageSizes: false 
 }
})

To hide the text, you can change the pageable.messages configuration:

.kendoGrid({
 pageable: {
  pageSizes: false,
  messages: {
   display: "" // set it to an empty string
  }
 }
})

To add additional page sizes to the dropdown you can change the pageSizes configuration to be an object:

pageSizes: [2, 10, 50, 100, 200, 500, "all"]

Runnable Dojo

https://dojo.telerik.com/@gdenchev/ureLeZav 

Best Regards,
Georgi Denchev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Grid Pager
Asked by
Benjamin
Top achievements
Rank 2
Iron
Veteran
Answers by
Georgi Denchev
Telerik team
Share this question
or