I am currently working on a table that pulls data from a JSON file and uses ng-repeat to populate the columns. However, I need the first column (Line #) to remain static with values like 1, 2, 3, 4 to indicate the phone line the customer is on, while the remaining columns should be dynamically populated. I have searched for solutions but haven't found any yet. Any assistance would be greatly appreciated. Please see the code snippet below:
<tr>
<th>Line #</th>
<th>Name</th>
<th>Phone #</th>
<th>Range</th>
</tr>
<tr ng-repeat="customer in customers | orderBy: 'id' | limitTo: 4" ng-class="{ 'alert-danger' : customer.in == 'no', 'alert-success' : customer.in == 'yes', 'alert-warning' : customer.in == 'unknown' }">
<td>1</td>
<td>{{customer.name}}</td>
<td>{{customer.phoneNumber}}</td>
<td>{{customer.in}}</td>
</tr>
</table>
<div class="modal-close" ng-click="toggleModal()">X</div>
</div>