Angular material matNoDataRow doesn't work in Angular 11

In mat-table, I need to show a message when no data matches. For this, I am using *matNoDataRow directive but it doesn't work. Somewhere, I read that it doesn't work in Angular version below 10. But, mine is Angular11, still it is not working.

Below is my HTML snippet:

<tr class="mat-row" *matNoDataRow>
<td class="mat-cell" colspan="4">No data matching with Appt. Id "{{ input.value }}"</td>
</tr>


Am I doing something wrong in it?

Continue reading...