ng-repeat vertically and horizontally in a table when receiving dynamic data

Multi tool use
Multi tool use
The name of the pictureThe name of the pictureThe name of the pictureClash Royale CLAN TAG#URR8PPP


ng-repeat vertically and horizontally in a table when receiving dynamic data



I am trying to display data in a table.
Rows and columns are dynamic.
I want to use ng-repeat.


ng-repeat



I am receiving data in this form:


headers: [
0: {"heading1"},
1: {"heading2"},
2: {"heading3"}
]


data: [
0:{ id:1, code:"Barry" , description:"Allen" }
1:{ id:2, code:"Naruto" , description:"Uzumaki" }
2:{ id:3, code:"Hannah" , description:"Montana" }
]



I tried this way :


<thead>
<tr>
<td ng-repeat="c in headersData">{{c}}</td>
</tr>
</thead>
<tbody>
<tr ng-repeat="c in columnData">
<td>{{c.id}}</td>
<td>{{c.code}}</td>
<td>{{c.description}}</td>
</tr>
</tbody>



But it's not rendering the thead.
Any solution?


thead









By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

hs2Vj8S3ecPvKOdHOfc4Z,U4qz6HAr6hQ4 z YEo 9COgjnbpu2XUFkc1n,gjOXh,YtBR8C
nzhWw,ri9 6p

Popular posts from this blog

Makefile test if variable is not empty

Visual Studio Code: How to configure includePath for better IntelliSense results

Will Oldham