if the grid is loading the data, I would like to show the loading template, and if filtering the data, and there is no data, then the no record template. The issue is, that it seems, that if I set up the loading template, also the no record template is showing while loading.
I found a solution.
@if (loading) { <ng-template kendoGridLoadingTemplate> <div>loading template</div> </ng-template >} @else { <ng-template kendoGridNoRecordsTemplate> <no-data-found></no-data-found> </ng-template >}
And I set the color of the default text for no data transparent:
.k-grid-norecords .k-table-td { color: transparent; }