# Angular Data Grid No-Records Template

The no-records template allows you to customize the content of the [Angular Grid](https://www.telerik.com/kendo-angular-ui-develop/components/grid) when no data is present. To implement the template, nest an `<ng-template>` tag with the [`kendoGridNoRecordsTemplate`](https://www.telerik.com/kendo-angular-ui-develop/components/grid/api/norecordstemplatedirective) 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.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/grid/configuration/no-records-template/source.txt)

## Suggested Links

* [NoRecordsTemplateDirective](https://www.telerik.com/kendo-angular-ui-develop/components/grid/api/norecordstemplatedirective)
* [API Reference of the GridComponent](https://www.telerik.com/kendo-angular-ui-develop/components/grid/api/gridcomponent)
* [API Index of the Grid](https://www.telerik.com/kendo-angular-ui-develop/components/grid/api)