Pager Extensions

1 Answer 54 Views
Grid Pager 
Vladislav
Top achievements
Rank 1
Iron
Iron
Vladislav asked on 18 May 2022, 01:21 PM

Hello.

Is it possible to extend the pager (for grid)? With existing components for page number, page size, page info? I know of this example: https://www.telerik.com/kendo-react-ui-develop/components/grid/paging/#toc-custom-pager. But I just need to add one, two extra icons - before the info. Or change info text. We don't want to make our own components for page numbers and page size. I wanted to use the PagerNumericButtons and PagerPageSizes components, but it didn't work.

Well thank you.

1 Answer, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 20 May 2022, 03:56 AM

Hello Vladislav,

Thank you for reaching out to us.

With the current implementation, using the PagerNumericButtons and PagerPageSizes will not be possible, because they are not exported from the "kendo-react-data-tools" package. If you want to reuse them, you can copy the code for both components and import them in your project, so you can include them in the custom pager. 

You can also log a feature request for exposing them in the package by default, so that they can be easily reused:

Currently, the only workaround that I can suggest (although not using 'the React way'), would be to get reference to the info element and append additional elements with pure JavaScript (within React.useEffect for example).

 

Best Regards,
Konstantin Dikov
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
Vladislav
Top achievements
Rank 1
Iron
Iron
Answers by
Konstantin Dikov
Telerik team
Share this question
or