Although I am aware that my question may seem unusual, my issue precisely matches what the title conveys. The problem lies in my mat-table dataSource
not displaying any data, even after attempting to log the data with
console.log("My Data : ", this.dataSource)
. Surprisingly, there are no errors reported in the console.
This marks my initial encounter with material.angular.io, and despite meticulously following the guidelines, the execution fails. Resorting to directly replicating an example from Here did not manage to resolve the issue either. I have confirmed that app.module
has been declared appropriately. My current setup involves Angular 7.
Below are the TypeScript and HTML snippets:
// insert TypeScript code snippet here
// insert HTML code snippet here
In case anyone can assist me in resolving this matter, it would be greatly appreciated. Despite consulting related topics such as those listed below, the problem remains unresolved:
angular-material-table-not-displaying-data
angular-material-table-not-showing-data
mat-table-angular-6-not-showing-any-data-despite-having-the-datasource
I kindly request assistance in achieving the desired output akin to the one demonstrated in this components/table/overview example.
Presently, the scenario unfolds as depicted in the images below: