title: How might I uncheck all rows of MaterialTable(mbrn/material-table) with a button?
body: <p>I am building a reactjs web app where I use mbrn/material-table( 
   <a href="https://github.com/mbrn/material-table" rel="nofollow noreferrer">https://github.com/mbrn/material-table</a>) .The table has a functionality to check all rows in a field at once.But to unselect(or uncheck) all rows ,you need to click on the select all checkbox and then click on it again to uncheck all rows.I have read the documentation of the framework but have not been able to find a functionality implement unchecking all rows at once with a button.</p>
  
  <pre><code>  import MaterialTable from "material-table";
  
       const table = () =&gt; {
      return (
         &lt;MaterialTable
           columns={[
            { title: "ID" },
            { title: "name" },
            { title: "SurName" },
            {
              title: "Birthyear"
            },
            { title: "BirthCity" },
           {
            title: "Sex"
           },
           {
            title: "Type"
           }
          ]}
      data={[
           {
            id: 1,
             name: "a",
            surname: "Baran",
            birthYear: 1987,
            birthCity: 63,
            sex: "Male",
           type: "adult"
           },
         {
          id: 2,
          name: "b",
          surname: "Baran",
          birthYear: 1987,
          birthCity: 34,
          sex: "Female",
          type: "adult",
          parentId: 1
        },
        {
          id: 3,
          name: "c",
          surname: "Baran",
          birthYear: 1987,
          birthCity: 34,
          sex: "Female",
          type: "child",
          parentId: 1
        },
        {
          id: 4,
          name: "d",
          surname: "Baran",
          birthYear: 1987,
          birthCity: 34,
          sex: "Female",
          type: "child",
          parentId: 3
        },
        {
          id: 5,
          name: "e",
          surname: "Baran",
          birthYear: 1987,
          birthCity: 34,
          sex: "Female",
          type: "child"
        },
        {
          id: 6,
          name: "f",
          surname: "Baran",
          birthYear: 1987,
          birthCity: 34,
          sex: "Female",
          type: "child",
          parentId: 5
        }
      ]}
      actions={[
        {
          tooltip: "Remove All Selected Users",
          icon: icons,
          onClick: (evt, data) =&gt;
            alert("You want to delete " + data.length + " rows")
        }
      ]}
      // onSelectionChange={rows =&gt;
      //   // alert("You selected " + rows.length + " rows")
      // }
      options={{
        selection: true
      }}
      parentChildData={(row, rows) =&gt; rows.find(a =&gt; a.id === 
    row.parentId)}
      title="Search Results"
    /&gt;);
  </code></pre>
  
  <p>I want that on click of a button,all selected rows should get unselected</p>