I am having an issue with the code as it is producing a table with the elements all in a single column.
Below is an example of the data:
var data = [[{"id":"1","value":"One"},{"id":"2","value":"Two"},{"id":"3","value":"three"}],[{"id":"4","value":"four"},{"id":"5","value":"five"},{"id":"6","value":"six"}],[{"id":"7","value":"seven"},{"id":"8","value":"eigth"},{"id":"9","value":"nine"}]]
<div id="mydiv">
<table>
<tr ng-repeat="rows in data">
<td ng-repeat="item in rows">{{item.id}}:{{item.value}}</td>
</tr>
</table>
</div>
The current output gives me a table with three columns like below:
1:One 2:Two 3:three
4:four 5:five 6:six
7:seven . . .
However, what I actually want is to have the table with item.id in one column, : in another column, and item.value in yet another column for better readability, and not all in a single column.
I have tried to make this adjustment but I am struggling to get it to work correctly. Can anyone provide assistance with this issue?