Customize text in pagerdropdown

Question

Hello,I want to customize the text in gridpager.How can I achieve that?Thank you in advance.

Rajapandiyan Settu · Answer

Hi Dana, 

Thanks for contacting Syncfusion support. 

Based on your query, you want to customize the default text of Grid pager. You can achieve your requirement by using Globalization of Grid. 

Globalization: https://ej2.syncfusion.com/angular/documentation/grid/global-local/  
   
The Localization library allows you to localize default text content of the Grid and other controls. The grid component has static text on some features (like Filter Dialog, Edit Dialog, Group drop area text, Pager information text, etc.) that can be customized by loading its custom text in L10n. Please refer to the below code example and sample for more information.  
  




  
[app.component.ts] 

L10n.load({ 
  'en-US': { 
    pager: { 
      currentPageInfo: '{0}/{1} Pages', 
      totalItemsInfo: '({0} Records)', 
      pagerDropDown: 'Records in a page', 
    }, 
  }, 
}); 


Sample: https://stackblitz.com/edit/angular-sd9dxa?file=app.component.ts 

Please get back to us if you need further assistance with this. 

Regards, 
Rajapandiyan S

Dana Sarghe · Answer

Thank you!This is the solution that I was looking for.

Rajapandiyan Settu · Answer

Hi Dana, 
 
We are glad that you have resolved your requirement with the provided solution. 
 
Please get back to us if you need further assistance. 
 
Regards, 
Rajapandiyan S