title: React material table automatic page size
body: <p>I am using React + Material Table.</p>
  
  <p><strong>Questions I have</strong></p>
  
  <ul>
  <li>Is there a way to dynamically set <strong><a href="https://material-table.com/#/docs/all-props" rel="noreferrer">pageSize</a></strong> based on the available space on the page?</li>
  <li>If there is no API to do so - how to better approach this problem from component design perspective?</li>
  </ul>
  
  <p><strong>What am I trying to achieve?</strong></p>
  
  <p>The number of rows displayed in a Material Table should depend on screen size. The page will not look similar depending on your screen size (e.g. on laptop device it could look fine, but on 25 inch display there will be a lot of space which could be filled by rows).</p>
  
  <p><strong>What I already did?</strong></p>
  
  <ul>
  <li>I searched though the <a href="https://material-table.com" rel="noreferrer">official documentation</a> and was not able to find the solution.</li>
  <li>I was also looking for developer posts and other SO topics - still no result.</li>
  </ul>
  
  <p>Of course it is possible to build a script which does some simple calculations based on container size and row size to fill as much rows as possible, but I would like to avoid this solution and use something out-of-the-box if possible.</p>