Showing custom message in grid when there is no data binded

Question

Hi Syncfusion Team,Our requirement is to show a message 'No data available' when there is no data binded to the grid, even when columns are not binded.I have attached the screenshot below for the requirement specified.Please let me know how to achieve this.Thanks,Bhagyasri

Sujith Kumar Rajkumar · Answer

Hi Bhagyasri, 
 
Greetings from Syncfusion support. 
 
You can achieve this requirement of customizing the empty Grid content by modifying the corresponding locale value in the Grid’s load event as demonstrated in the below code snippet, 
 




// Grid's load event handler 
onLoad() { 
    this.grid.localeObj.currentLocale.EmptyRecord = 'No data available'; 
} 
 
API: https://ej2.syncfusion.com/angular/documentation/api/grid/#load 
 
Please get back to us if you require any further assistance. 
 
Regards, 
Sujith R