Angular Mat Table Error: Missing definitions for header and row

Question

I am using MatTable from Angular Material 5.2.5. I trying to populate the table with data which is got through a server request.

The UI

Answer 1

You must add mat-row and mat-header-row(optional) tags inside your table:

<mat-table>
  .... columns definitions

  <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
  <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
</mat-table>

See more examples here https://material.angular.io/components/table/overview