title: I want to remove all rows from my MatTableDataSource that have montoDonar ==0
body: <blockquote>
  <p>My component.ts body</p>
  </blockquote>
  <blockquote>
  <p><strong>I want the entire row to be deleted from which the montoDonar is equal to 0</strong></p>
  </blockquote>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>export class DonacionListComponent implements OnInit {
  
    displayedColumns: string[] = ['idDonacion', 'usuario', 'montoDonar', 'fechaPlantacion', 'acciones'];
    dataSource : MatTableDataSource&lt;Donacion&gt;;
    
    constructor(private donacionService: DonacionService) { }
  
    ngOnInit(): void {
      this.getAllDonaciones();
    }
  
  
    getAllDonaciones(){
      this.donacionService.getAllDonaciones().subscribe((data:any)=&gt;{
            this.dataSource=new MatTableDataSource(data['body']);
  
            //console.log(data['body'])       
          });
    }
  
  
    applyFilter(value: string) {
      this.dataSource.filter = value.trim().toLowerCase();
    }
    eliminar(id: number) {
      const ok = confirm('¿Estás seguro de eliminar la donacion?');
      if (ok) {
        this.donacionService.delete(id).subscribe(() =&gt; {
          this.getAllDonaciones();
        });
      }
    }
    
  }</code></pre>
  </div>
  </div>
  </p>
  <p>I am new to angular. I need help in removing particular rows from the table and once the rows are removed the table should get refresh or it should show the existing data.</p>