How to hide "No records to display" Label

[Shreekumar]

I have implemented a PivotView. In this, I'm using API to get the data.

Until the data is rendered to the Pivot, i'm seeing "No records to display" label in Pivot. Is there any way I can handle this label based on data existence?

Example: Until data is rendered to Pivot, It'll show as "Loading..." and hide.

Or Is there any way, I can hide is completely?

[Sivamathi Natarajan]

Hi Shreekumar, 

 

You can display specific text instead of the text “No records to display” by setting localization text for that. Refer following code example. 

 

Code Example: 

import { L10n } from '@syncfusion/ej2-base'; 

         

L10n.load({ 

            en-US: { 

                'pivotview': { 

                    'emptyData': 'Loading…' 

                }, 

            } 

        }); 

 

 

Also, if you would like to hide the text, then we suggest to set empty localization text for that. 

 

Meanwhile, we have prepared a sample for your reference. Kindly check the below sample and documentation link. 

 

Sample Link: https://stackblitz.com/edit/angular-wfpv61-kg6bqk?file=app.component.ts 

 

Documentation Link: https://ej2.syncfusion.com/angular/documentation/pivotview/globalization-and-localization/?no-cache=1#localization 

 

We hope the above sample meets your requirements. 

 

Regards, 

Sivamathi.