adding column filters to Angular collapsible material table with : I am using angular material table with collapsible feature. now i need to add column filters to my headers. can you help me to do it.  

    <mat-form-field>
      <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">

    </mat-form-field>
        
    applyFilter(filterValue: string) {
           this.dataSource.filter = filterValue.trim().toLowerCase();
      }

data format (console.log(this.dataSource.data))
[![enter image description here][1]][1]


  [1]: https://i.stack.imgur.com/JnAFb.png