New to Kendo UI for Angular? Start a free 30-day trial
Angular Data Grid No-Records Template
Updated on Jun 25, 2026
The no-records template allows you to customize the content of the Angular Grid when no data is present. To implement the template, nest an <ng-template> tag with the kendoGridNoRecordsTemplate directive inside the <kendo-grid> tag.
When the Grid has locked columns, the template is displayed in the non-locked part of the content.
The following example demonstrates how to use the kendoGridNoRecordsTemplate directive to render a custom icon and message when no data is available.
Change Theme
Theme
Loading ...