iEat2/web/js/templates/paginatedTable.html

<!-- foodList -->
<div>
  <table class="table table-striped table-hover table-responsive">
    <tr>
      <th class="col-md-1" data-ng-if="$ctrl.onSelect"> </th>
      <th data-ng-repeat="col in $ctrl.structure" class="col-md-{{::(col.size || 3)}}">
        {{::col.name}}
      </th>
    </tr>
    <tr data-ng-repeat="item in $ctrl.tableData | limitTo:pageSize:pageSize*(pageOffset-1)">
      <td data-ng-if="$ctrl.onSelect">
        <input type="button"
               value="{{::$ctrl.selectText}}"
               data-ng-click="$ctrl.onSelect({item: item})"/>
      </td>
      <td data-ng-repeat="col in $ctrl.structure">{{ ::item[col.col] }}</td>
    </tr>
  </table>
  <div class="form-group col-xs-5">
    <ul class="pagination-sm"
        style="margin: 0;"
        data-uib-pagination=""
        data-boundary-links="true"
        data-force-ellipses="true"
        data-total-items="$ctrl.tableData.length"
        data-ng-model="pageOffset"
        data-items-per-page="pageSize"></ul>
  </div>
  <div class="form-group form-group-sm col-xs-2 pull-right">
    <select class="form-control input-sm" data-ng-model="pageSize">
      <option>10</option>
      <option>20</option>
      <option>30</option>
      <option>40</option>
    </select>
  </div>
</div>