title: Material-Table React. How to make the table Title and Header sticky
body: <p>Is it possible to make the table title, search field, global actions icons and column headers in the Material-Table sticky?</p>
  
  <p>I've tried adding headerStyle to options and that has no effect (anyway that would only affect column headers and not the table title etc)</p>
  
  <pre><code>options={{
          headerStyle: { position: 'sticky'},
          paging: false,
          search: false,
      }}
  </code></pre>
  
  <p>Has anyone got any ideas how to do it?</p>
  
  <p>I was hoping a 'sticky header' option existed but if it does I cannot see it!
  I would have thought a sticky header is a fairly common use case for tables.</p>
  
  <p>This is the basic code to use a Material Table:</p>
  
  <pre><code>import React from 'react';
  import MaterialTable from 'material-table';
  
  export default function MaterialTableDemo() {
    const [state, setState] = React.useState({
      columns: [
        { title: 'Name', field: 'name' },
        { title: 'Surname', field: 'surname' },
        { title: 'Birth Year', field: 'birthYear', type: 'numeric' },
        {
          title: 'Birth Place',
          field: 'birthCity',
          lookup: { 34: 'İstanbul', 63: 'Şanlıurfa' },
        },
      ],
      data: [
        { name: 'Mehmet', surname: 'Baran', birthYear: 1987,     
  birthCity: 63 },
        {
          name: 'Zerya Betül',
          surname: 'Baran',
          birthYear: 2017,
          birthCity: 34,
        },
      ],
    });
  
        return (
  &lt;MaterialTable
    title="Editable Example"
    columns={state.columns}
    data={state.data}
    editable={{
      onRowAdd: (newData) =&gt;
        new Promise((resolve) =&gt; {
          setTimeout(() =&gt; {
            resolve();
            setState((prevState) =&gt; {
              const data = [...prevState.data];
              data.push(newData);
              return { ...prevState, data };
            });
          }, 600);
        }),
      onRowUpdate: (newData, oldData) =&gt;
        new Promise((resolve) =&gt; {
          setTimeout(() =&gt; {
            resolve();
            if (oldData) {
              setState((prevState) =&gt; {
                const data = [...prevState.data];
                data[data.indexOf(oldData)] = newData;
                return { ...prevState, data };
              });
            }
          }, 600);
        }),
      onRowDelete: (oldData) =&gt;
        new Promise((resolve) =&gt; {
          setTimeout(() =&gt; {
            resolve();
            setState((prevState) =&gt; {
              const data = [...prevState.data];
              data.splice(data.indexOf(oldData), 1);
              return { ...prevState, data };
            });
          }, 600);
        }),
    }}
  /&gt;
  </code></pre>
  
  <p>);
  }
  `</p>