title: dir-pagination angularjs in table ng-repeat - while changing page, at first all rows are appearing for a moment
body: <p>I am a beginner in AngularJS and have applied dirpagination in my tables. Everything works fine except that when I navigate to another page of my table by clicking on the dir-pagination page buttons, at first the table's height increases and all the rows are shown for a second, then the correct range is shown. How can I avoid this behaviour? Thanks in advance.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;table class="table table-hover nbt-table"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;heading1&lt;/th&gt;
        &lt;th&gt;heading2&lt;/th&gt;
        &lt;th&gt;heading3&lt;/th&gt;
        &lt;th&gt;heading4&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody id="table1"&gt;
      &lt;tr dir-paginate="value in viralities|itemsPerPage:10" pagination-id="value-paginate"&gt;
         &lt;td&gt;&lt;span ng-bind="value[2]"&gt;&lt;/span&gt;&lt;/td&gt;
         &lt;td&gt;&lt;span ng-bind="value[1]"&gt;&lt;/span&gt;&lt;/td&gt;
         &lt;td&gt;{{ value [7] | date : 'dd-MM-yyyy hh:mm'}}&lt;/td&gt;
         &lt;td&gt;{{ value [8] | date : 'dd-MM-yyyy hh:mm'}}&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt; 
  &lt;dir-pagination-controls pagination-id="value-paginate" class="pull-right"
     max-size="10"
     direction-links="true"
     boundary-links="true" &gt;
  &lt;/dir-pagination-controls&gt;
  </code></pre>