Display text before dropdown in Pager component

[Kamil]

Hi, currently component Pager (https://www.telerik.com/kendo-react-ui/components/datatools/pager/) doesn't allow to display text before dropdown.

Pager now:

What i want to achieve:

Will you consider supporting such an option in the future? 

[Konstantin Dikov]

Hi Kamil,

It is possible to add the custom text using CSS and the "before" selector:

• https://stackblitz.com/edit/react-bdhnhv?file=index.html

            <style>
                .k-pager-sizes:before{
                    content: "Show";
                    padding-right: 5px;
                }

Another option would be to create a completely custom pager:

• https://www.telerik.com/kendo-react-ui/components/grid/paging/#toc-custom-pager

 

Best Regards,
Konstantin Dikov
Progress Telerik

[Kamil]

Hello Konstantin, thank you for your answer.

1. I cant use CSS solution because i want to use Globalization (https://www.telerik.com/kendo-react-ui/components/datatools/globalization/)
2. Isnt it overkill to create this component from scratch? Basic Pager is completly fine, its just missing that one string

Best Regards,
Kamil

[Konstantin Dikov]

Hi Kamil,

The CSS solution will not work with globalization and yes, making the pager from scratch will be an overkill, but since there is no built-in option, the only other solution that we can suggest is to use pure JavaScript to add the necessary text after the Grid is rendered.

You can also create a feature request in our public feedback portal, where other developers can vote for it:

• https://feedback.telerik.com/kendo-react-ui