mat-filtering/mat-sort not work correctly when use ngif in mat-table parent

Question

Note that paging/sort not work correctly. Paging does not show the number of elements it is showing and sorting does not work, but if you delete the line in the html file

Answer 1

I have faced issue in hiding mat-paginator using *ngIf so I fixed it using below workaround. Define the below style in global.scss and apply the this style conditionally in mat-paginator

.hide-paginator {
  display: none !important;
}