<table class="table">
  <tr ng-if="vm.config.showHeader">
    <th></th>
    <th>Download Rate</th>
    <th>Upload Rate</th>
    <th>Start Date</th>
    <th>End Date</th>
    <th></th>
  </tr>
  <tr ng-repeat="profile in vm.profiles">
    <td ng-if="!vm.config.colors">{{profile.Name}}</td>
    <td ng-if="vm.config.colors">
      <span ng-style="{color: vm.config.colors[$index]}">{{profile.Name}}</span>
    </td>
    <td>
      {{profile.DlAllocRBRate}}
      <i class="glyphicon glyphicon-arrow-down"></i>
    </td>
    <td>
      {{profile.UlAllocRBRate}}
      <i class="glyphicon glyphicon-arrow-up"></i>
    </td>
    <td>{{profile.jsStart | date:'medium'}}</td>
    <td>{{profile.jsEnd | date:'medium'}}</td>
    <td ng-if="vm.config.delete">
      <a href="" ng-click="vm.deleteProfile(profile.Name)">
        <i class="glyphicon glyphicon-remove"></i>
      </a>
    </td>
  </tr>
</table>