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

There were 2 issues for me.

1. The matColumnDef and matCellDef -> names are different

2. I was getting the data from the service. The ngOnInit sort was not working. Replaced with

   ngAfterViewInit() { this.dataSource.sort = this.sort; }