dir-pagination angularjs в таблице ng-repeat - при смене страницы сначала появляются все строки на мгновение

Я новичок в AngularJS и применил дирпагинацию в своих таблицах. Все работает отлично, за исключением того, что, когда я перехожу на другую страницу моей таблицы, нажимая на кнопки страницы dir-pagination, сначала высота таблицы увеличивается, и все строки отображаются на секунду, тогда отображается правильный диапазон. Как я могу избежать такого поведения? Заранее спасибо.

Вот мой код:

<table class="table table-hover nbt-table">
  <thead>
    <tr>
      <th>heading1</th>
      <th>heading2</th>
      <th>heading3</th>
      <th>heading4</th>
    </tr>
  </thead>
  <tbody id="table1">
    <tr dir-paginate="value in viralities|itemsPerPage:10" pagination-id="value-paginate">
       <td><span ng-bind="value[2]"></span></td>
       <td><span ng-bind="value[1]"></span></td>
       <td>{{ value [7] | date : 'dd-MM-yyyy hh:mm'}}</td>
       <td>{{ value [8] | date : 'dd-MM-yyyy hh:mm'}}</td>
    </tr>
  </tbody>
</table> 
<dir-pagination-controls pagination-id="value-paginate" class="pull-right"
   max-size="10"
   direction-links="true"
   boundary-links="true" >
</dir-pagination-controls>