No Records Template

No Records Template, facilitate the users to customize the table body by providing their own template to show when the data is not available, by providing respective mandatory fields for no records template end-user can be notify in a preferred manner in no data scenarios.

No records template can be integrated into expandable rows. For about row expanding template configurations please refer Row Expand Template section.

What You Will See

Sales Products

IDOrder Method TypeRetailer TypeProduct LineProduct TypeRevenueQuantityGross Margin

No data have been detected.

Please read our documentation about data retrieval process

import { Component } from '@angular/core';

@Component({
  selector: 'app-no-records-template-usage',
  templateUrl: './no-records-template-usage.component.html'
})
export class NoRecordsTemplateUsageComponent {
  public items: any[] = [];
}

The above demo snippet will demonstrate a sample no data scenario. until a success data response, we have enabled Data Loading Spinner for purpose of visible the process of data retrieval and make the data table more attractive.

Basic Usage

Similar to the other templates, it is possible to bind a specific property #ngDataTableNoRecords into ng-template to indicate that there is no data available to be retrieved on data fetch call.

  <ng-template #ngDataTableNoRecords>
     <h1>No data have been detected.</h1>
     <h2>Please read our documentation about data retrieval process</h2>
  </ng-template>

Apart from the predefined messages users are facilitated with to define own custom template as preferred if no data available to be retrieved on data fetch call.

  <ng-template #ngDataTableNoRecords>
     <h1 style="font-family: 'Helvetica Neue'; color: #8f893f;">No data have been detected.</h1>
     <h2>Please read our <a href="#">documentation</a> about data retrieval process</h2>
  </ng-template>
Loading Spinner Template
Header Details
Translations
Client Side Basic Data Binding
Server Side Basic Data Binding
API Doc for Data Table No Records Template