title: Remove empty rows in data-table angular
body: <p>I am new to angular js. 
  I am working on a project with listing table of data from API. For this, I am using the <a href="https://github.com/afermon/angular-4-data-table-bootstrap-4" rel="noreferrer">library</a>.
  It works fine. But if there are 25 entries and when i set limit to 10 and go to the third page its showing table with 10 rows with 5 rows empty.
  I want to remove these empty rows. Please help.</p>
  
  <p>myclass.html</p>
  
  <pre><code>&lt;div style="margin: auto; max-width: 1000px; margin-bottom: 50px;"&gt;
      &lt;data-table id="persons-grid"
          headerTitle="Employees"
          [items]="items"
          [itemCount]="itemCount"
          (reload)="reloadItems($event)"
  
          (rowClick)="rowClick($event)"
          (rowDoubleClick)="rowDoubleClick($event)"
          [rowTooltip]="rowTooltip"
          &gt;
          &lt;data-table-column
              [property]="'name'"
              [header]="'Name'"
              [sortable]="true"
              [resizable]="true"&gt;
          &lt;/data-table-column&gt;
          &lt;data-table-column
              [property]="'date'"
              [header]="'Date'"
              [sortable]="true"&gt;
              &lt;template #dataTableCell let-item="item"&gt;
                  &lt;span&gt;{{item.date | date:'yyyy-MM-dd'}}&lt;/span&gt;
              &lt;/template&gt;
          &lt;/data-table-column&gt;
          &lt;data-table-column
              property="phoneNumber"
              header="Phone number"
              width="150px"&gt;
          &lt;/data-table-column&gt;
          &lt;data-table-column
              [property]="'jobTitle'"
              [header]="'Job title'"
              [visible]="false"&gt;
          &lt;/data-table-column&gt;
          &lt;data-table-column
              [property]="'active'"
              [header]="'Active'"
              [width]="100"
              [resizable]="true"&gt;
              &lt;template #dataTableHeader let-item="item"&gt;
                  &lt;span style="color: rgb(232, 0, 0)"&gt;Active&lt;/span&gt;
              &lt;/template&gt;
              &lt;template #dataTableCell let-item="item"&gt;
                  &lt;span style="color: grey"&gt;
                  &lt;span class="glyphicon glyphicon-ok" *ngIf="item.active"&gt;&lt;/span&gt;
                  &lt;span class="glyphicon glyphicon-remove" *ngIf="!item.active"&gt;&lt;/span&gt;
                  &lt;/span&gt;
              &lt;/template&gt;
          &lt;/data-table-column&gt;
      &lt;/data-table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Attaching the screen shot for the reference.
  <a href="https://i.stack.imgur.com/Ev7Es.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Ev7Es.png" alt="enter image description here"></a></p>