Mat-table Sorting Demo not Working

Question

I am trying to get the mat-table sorting to work locally, and while I can get the data to show up as expected, clicking on the header row does not do the sortin

Answer 1

For me replacing *ngIf with [hidden] attribute for mat-table tag worked. How to post this one as a bug to Angular Material community?

Answer 2

I spent hours on this issue. After reading through a number of threads, here are the steps I did.

1. As @avern mentioned, you need to import MatSortModule.
2. Make sure you are NOT enclosing the table in a *ngIf. Change it to [hidden] as @zerg recommended. (I don't understand why)

Hope this helps.