<div class="horizontal-scroll">
  <table class="table table-bordered">
    <thead>
    <tr>
      <th class="browser-icons"></th>
      <th>Browser</th>
      <th class="align-right">Visits</th>
      <th class="align-right">Purchases</th>
      <th class="align-right">%</th>
    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="item in metricsTableData">
      <td><img ng-src="{{::( item.image | appImage )}}" width="20" height="20"></td>
      <td ng-class="nowrap">{{item.browser}}</td>
      <td class="align-right">{{item.visits}}</td>
      <td class="align-right">{{item.purchases}}</td>
      <td class="align-right">{{item.percent}}</td>
    </tr>
    </tbody>
  </table>
</div>