How to hide grid's no record message?

[Jie]

Hi

How to hide grid's "no record" completely? I just want to leave the grid blank, without the "No Records Available" block.

 

Thanks,

Jie

[Yanko]

Hi, Jie,

To hide the KendoReact Grid's "No Records Available" message and leave the grid blank when there are no records, you can use a simple CSS rule. Add the following to your stylesheet:

.k-grid-norecords {
  display: none !important;
}

This will completely remove the "No Records Available" block from the Grid when there are no data rows, leaving the grid area empty.

Alternatively, you can also set a custom message using the GridNoRecords component. For most cases, the CSS approach is the simplest way to achieve a blank grid with no message.

Regards,
Yanko
Progress Telerik