title: React MaterialTable clear all filters action - column and global filter
body: <p>I am absolutely new to react.
  It may trivial but I can't figure how to implement action that will clear all table filters.</p>
  <p>In my table, I use date filter, drop-down, text, and global filters looking for one-click clear all filters</p>
  <p><a href="https://codesandbox.io/s/eager-thunder-ejlg5?file=/src/index.js" rel="nofollow noreferrer">https://codesandbox.io/s/eager-thunder-ejlg5?file=/src/index.js</a></p>
  <pre><code>  &lt;MaterialTable
        title=&quot;Free Action Preview&quot;
        columns={[
          { title: &quot;Name&quot;, field: &quot;name&quot; },
          { title: &quot;Surname&quot;, field: &quot;surname&quot; },
          { title: &quot;Birth Year&quot;, field: &quot;birthYear&quot;, type: &quot;numeric&quot; },
          {
            title: &quot;Birth Place&quot;,
            field: &quot;birthCity&quot;,
            lookup: { 34: &quot;İstanbul&quot;, 63: &quot;Şanlıurfa&quot; }
          }
        ]}
        data={[
          { name: &quot;Mehmet&quot;, surname: &quot;Baran&quot;, birthYear: 1987, birthCity: 63 },
          {
            name: &quot;Zerya Betül&quot;,
            surname: &quot;Baran&quot;,
            birthYear: 2017,
            birthCity: 34
          }
        ]}
        actions={[
          {
            icon: () =&gt; &lt;FilterNoneIcon /&gt;,
            tooltip: &quot;clear all filters&quot;,
            isFreeAction: true,
            onClick: (event) =&gt; alert(&quot;clear all filters logic&quot;)
          }
        ]}
        options={{
          filtering: true,
          sorting: true
        }}
      /&gt;
  </code></pre>