Loading

Mat table rows as columns as Viceversa

Ravi Gaddam

Can you please get me angular mat table code to create table with rows as columns and Viceversa.

I mean in the row 1st column should have label name and other columns should have data for that respective control(label).

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Yazhini MP4y ago
You can give the required data structure by inverting the table in a ngOnInit() method in the class, and then iterating over the column list in the HTML to give the required columns.
Sachin Singh4y ago
You just need to transpose data and loop through as usual inside the mat table.
The best place to invert rows and columns will be ngOnInit()
here is an example
https://stackoverflow.com/questions/51043232/how-to-change-the-direction-of-the-columns-in-the-angular-material-table/51044025