title: How to bind the total items in the data grid to the component while using Clarity Design (VM clarity). Data grid with server pagination
body: <p>I am a newbie in VM clarity, I was trying to implement server-side pagination. I need to get the total items in the data grid after filtering. I can display the values in HTML by using pagination object reference. How can I bind the pagination object to the component? 
  I am getting the page change and filter changes by using 'onDgRefresh' event.</p>
  
  <pre><code>   &lt;clr-datagrid (clrDgRefresh)="onDgRefresh($event)" class="item-datagrid"
  *ngIf="showCondition" [clrDgLoading]="gridRefreshing"&gt;
  </code></pre>
  
  <p>Here is my clr-dg-footer.</p>
  
  <pre><code>    &lt;clr-dg-footer&gt;
    &lt;clr-dg-pagination  #pagination [clrDgPageSize]="10"&gt;
      &lt;clr-dg-page-size [clrPageSizeOptions]="[10,20,50,100]"&gt;per page&lt;/clr-dg-page-size&gt;
      {{pagination.totalItems}} items
    &lt;/clr-dg-pagination&gt;
  &lt;/clr-dg-footer&gt;
  </code></pre>
  
  <p>I have to invoke the API whenever the count of items in the grid less than a certain size. So I have to
  get the count of items in the grid. Is there any option to get the total Items? I tried </p>
  
  <pre><code>   &lt;clr-dg-pagination [clrDgTotalItems]="totalItemsInGrid" #pagination [clrDgPageSize]="10"&gt;
  </code></pre>
  
  <p>but didn't work.</p>
  
  <p>VM clarity version 2.0<br>
  angular version: 8</p>