Changing the text of the paging area in the grid

3 posts, 1 answers
  1. Aruna
    Aruna avatar
    4 posts
    Member since:
    Sep 2020

    Posted 28 Sep Link to this post

    Is it possible to change the text of the paging area in the grid?  I'm using Angular so I need to change items text  something like "1-10 of 50 data".
  2. Answer
    Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    1282 posts

    Posted 29 Sep Link to this post

    Hello Aruna,

    The most straight-forward approach to customize the Grid messages (built-in texts) is to use the CustomMessages component, and provide the desired values:

    https://www.telerik.com/kendo-angular-ui/components/grid/globalization/#toc-custom-messages

    https://www.telerik.com/kendo-angular-ui/components/grid/api/CustomMessagesComponent/#toc-pageritems

    Alternatively, the developer can use the PagerTemplate, and provide all desired custom content:

    https://www.telerik.com/kendo-angular-ui/components/grid/paging/#toc-pager-template

    Here is a runnable example, demonstrating the first approach:

    https://stackblitz.com/edit/angular-hgbqu1?file=app/app.component.ts

    I hope this helps.

    Regards,
    Dimiter Topalov
    Progress Telerik

    Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).

  3. Aruna
    Aruna avatar
    4 posts
    Member since:
    Sep 2020

    Posted 29 Sep in reply to Dimiter Topalov Link to this post

    Thank you..it is working for me
Back to Top