Can you guide me on how to create a table with ng-repeat in AngularJS that has 4 columns followed by a row with a colspan of 4 and so forth?
The angular code I have retrieves data from an HTML database.
<table>
<thead>
<tr>
<th class="min">
#
</th>
<th>Base</th>
<th>e-mail</th>
<th>buserd</th>
<th>access</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="base in list">
<td class="center">
<span class="btn-group">
<button type="button" id="btn{{pessoa.id_pessoa}}" class="btn btn-default dropdown-toggle"
data-toggle="dropdown" aria-expanded="false">
<i class="icon-cogs"></i>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li ng-click="ficha(base)"><a href="javascript:void(0)"><i
class="icon-personalizado fa fa-fw fa-file-text-o"></i>Ficha</a></li>
<li ng-click="editar(base)"><a href="javascript:void(0)"><i class="icon-pencil-4"></i>
Editar</a></li>
<li ng-click="ficha(base)"><a href="javascript:void(0)"><i class="icon-barcode"></i>
Imprimir
</a></li>
<li ng-click="ficha(base)"><a href="javascript:void(0)"><i class="icon-share-alt"></i>
despacho</a></li>
</ul>
</span>
</td>
<td>
<span ng-click="ficha(base)" ng-style="{'cursor': 'pointer'}">{{base.num_protocolo}}</span><br>
<small id="ln{{base.id}}" class="label label-danger"></small>
</td>
<td>
<span>{{base.interessado}}</span>
<span>{{base.observacoes}}</span>
</td>
<td>{{base.data}}</td>
<td>{{base.assunto}}</td>
</tr>
</tbody>
</table>
Using ng-repeat
simply.
ng-repeat
for dynamic table creation.