AG Grid not showing total no of rows in the footer

I am using ag-grid for the representation of data in tabular format in my angular application and for some reason the footer is just showing the data for the first page i.e. if I select 100 rows via some external dropdown It shows only 100 rows and Page 1 of 1 whereas there is almost 17K rows of data that is available and since it shows only page 1 of 1 I cant click on the next page to retrieve further data. Does anyone knows what’s the issue ? Am I missing some property that I have to pass ?

<app-ag-grid-wrapper #agGrid id="Job-List-View-Sales-Rep" [rowData]="gridData" [columnDefs]="cols" [sizeToContent]="true"
          (selectionChanged)="onRowSelection($event)" [gridOptions]="gridOptions" (gridReady)="onGridReady($event)"
          [excelStyles]="excelStyles" [masterDetail]="true" [groupDefaultExpanded]= "0" [groupIncludeFooter]="false"
          [groupIncludeTotalFooter]="true"  [rowGroupPanelShow]="false">
  </app-ag-grid-wrapper>
  <div class="custom-page-size">
    <p-dropdown [options]="pageSize" [(ngModel)]="selectedPageSize" (onChange)="onPageSizeChanged()">
    </p-dropdown>
  </div>

enter image description here