Last Updated: 07 Jul 2023 04:42 by ADMIN
Created on: 05 Apr 2021 17:54
Category: Kendo UI for Angular
Type: Bug Report
"No records available" in Kendo Grid while it's loading - even if there are records

While the grid is initially loading data, the "No records available." message is confusing and provides no useful information.

Expected behavior - when the grid is initially loading, don't display the message as the rows/data might very well appear

To reproduce basically just go to the grid demo page (refresh if needed) and pay attention to the grid loading:

Example in our project - intuitively you'd think that the grid has no records until you see the loader; in any case, the message looks out of place:

Posted on: 07 Jul 2023 04:42

Hi Youssef,

This does indeed seem to be an unusual behavior that has been reported for the first time. Therefore, I would recommend creating a separate bug report in our public GitHub repository or support ticket that includes additional context, steps to reproduce the issue, and an example.

Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.
Posted on: 30 Jun 2023 11:09
in my case the no record message is displayed even though the grid has data
Posted on: 18 Jan 2023 11:46
Hi I have a similar problem but on React.
I do want to use GridNoRecords but on entering, the grid shows at beginning the message "there is no data", then data arrives and the message disappears.
The "no data" message must NOT appear at the beginning, but it needs to appear only when data are really arrived and they are missing. 
Posted on: 12 Apr 2021 09:38
Thanks for the response!
Posted on: 09 Apr 2021 09:11

Hi Alex,

Thank you for your feedback.

By design, the 'No records available.' message appears when there is not data in the Grid. In the mentioned scenario, the Grid still has no data, and the message is expected to appear. In general, the component does not know when the data will be available. 

The message reflects the current state of the Grid and it is not considered as a bug.

In order to avoid showing this message, the developer can use  <kendo-grid-messages> and set the noRecords property to an empty string.

        <kendo-grid-messages noRecords="">

Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.