Hide "No records to display" text when DataGrid is rendering data

Question

When the Grid is loading data but before its rendering into the gird, the grid displays the text "No records to display" on the first row. The text is replaced once the data is rendered into the grid.

Is is possible to hide this text when we know that we have data that will replace it?

Renjith Singh Rajendran · Accepted Answer

Hi Michael,

Greetings from Syncfusion support.

Based on this scenario, we suggest you to use the Grid’s DataBound event to achieve this requirement.

References : https://blazor.syncfusion.com/documentation/datagrid/events/#databound

Please refer the codes below,

<SfGrid DataSource="@Orders" AllowPaging="true">

<GridEvents DataBound="DataBound" TValue="Order"></GridEvents>

<GridTemplates>

<EmptyRecordTemplate>

<span>@RecordsText</span>

</EmptyRecordTemplate>

</GridTemplates>

...

</SfGrid>

public List<Order> Orders = new List<Order>();

public string RecordsText { get; set; }

...

public void DataBound() { if (Orders.Count > 0) { this.RecordsText = "Loading records"; } else { this.RecordsText = "No records to display"; } }

Please get back to us if you need further assistance.

Regards,

Renjith Singh Rajendran

Renjith Singh Rajendran · Answer

Hi Michael, 

Greetings from Syncfusion support. 

We have support for EmptyRecordTemplate in Grid. Please refer the below documentation for more details regarding this, 
https://blazor.syncfusion.com/documentation/datagrid/how-to/customize-empty-grid-display-message/ 

Please get back to us if you need further assistance. 

Regards, 
Renjith Singh Rajendran

Michael Aston · Answer

Thanks. I ended up with the following code in OnParametersSet() which implies that this should really be a feature of the Grid component checking against the datasource.

// Handling issue where the "No records to display" text is visible whilst rendering the data into the grid.

if (FilteredRecentPinnedList.Count > 0)

this.RecordsText = TString.value("Loading records");

else

this.RecordsText = TString.value("No records to display");