html - How can make 2 columns with table in angular -
i have code in angular template makes header on left , data on right top bottom. <div class="panel-body"> <table class="table table-striped"> <tr ng-repeat="f in fields"> <th>{{ f }}</th> <td>{{ data[f] }}</td> </tr> </table> </div> but instead of 1 field in 1 row want have 2 fields in 1 row , 3rd field , 4th field in second row , on. so have 2 columns layout <tr><th>{{ f }}</th> <td>{{ data[f] }}</td> <th>{{ f }}</th> <td>{{ data[f] }}</td> </tr> field = ['id', 'name', 'username', 'email', 'age'] data = [{id:1, name: 'john', username: 'john', age: 20, email: 'test'}] the result want is <tr><td>id:</td><td>1</td><td>name:</td><td...