title: Angular http return Mat Table filter data to specific columns
body: <p>I want to filter the api return based specific column in mat-table. In my case , I want the the table only show finished status only. right now I manage to display the data on the mat table</p>
  <p>here is my component.ts</p>
  <pre><code>export class EarningComponent implements OnInit {
    bookings: any = [];
    jobs:any = [];
    product:any =[];
    filterbooking:any =[];
  
    displayedColumns: string[] = ['id','title','status','painter_name','earning'];
    dataSource = new MatTableDataSource();
  
    constructor(private http: HttpClient) {}
  
    ngOnInit() {
      this.getlist()
    }
  
    getlist() {
      const body = {
        opcode: 'order_list',
        size: 20,
        page: 1,
        sign: 'e5111c807c49a330399b4ca36a27162',
      };
      this.http
        .post&lt;any&gt;('http://api.1shikj.com/cgi-bin/operate', body)
        .subscribe((data) =&gt; {
          this.bookings = data.data.data;
        });
    }
  }
  </code></pre>
  <p>here is my output
  <a href="https://i.stack.imgur.com/zBnbS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zBnbS.png" alt="enter image description here" /></a></p>