Although I've already searched for solutions, nothing seems to be working, so I'm reaching out again. My issue involves an HTML table:
<table class="table1">
<tr>
<th>Rank</th>
<th>Name</th>
<th>Picture</th>
<th>Serial Number</th>
</tr>
<tbody class="tbody" >
<tr class="bodyrow" ng-repeat="item in rank track by $index">
<td>{{item}}</td>
<td>{{name[$index]}}</td>
<td> <img ng-src="{{img[$index]}}"/></td>
<td>{{serialNumber[$index]}}</td>
</tr>
</tbody>
</table>
The ranks can be categorized as Basic, Middle, or Advanced. If the rank is Basic, the row should appear blue. For Middle, yellow rows, and for Advanced, green rows. Can anyone offer assistance with this problem? Thank you.