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

[Michael Aston]

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]

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]

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");

[Renjith Singh Rajendran]

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