title: Reset Angular's Mat Data Table search filter
body: <p>My web app uses a Material Data Tale (<a href="https://code-maze.com/angular-material-table/" rel="nofollow noreferrer">https://code-maze.com/angular-material-table/</a>) to display some existing data. It also has various filters including the Mat Data Table's built in search filter. My problem is I can reset all of my other self-implemented filters on a 'clear all filters' button press but  I cannot find a way to have this clear the search filter and have it reset it's filtered data.</p>
  
  <pre><code>  // This is my data source that is used in the template
    dataSource = new MatTableDataSource&lt;MyObj&gt;();
  
    // ... more code here ...
  
    clearFilters(){
          //clear other filters here
  
          //I want clear dataSource's search filter... but how?
    }
  </code></pre>
  
  <p>I haven't seen this posted anywhere else and doing things like <code>dataSource.filter = ""</code> or <code>dataSource.filter = null</code> then updating observers does not clear the text field or yield any results.</p>