title: Set minimum number of rows on angular material table
body: <p>I'm trying to display an angular mat table with a minimum height. If there is no data available, I'd like it to simply show empty rows.</p>
  
  <p>I've seen this article <a href="https://stackoverflow.com/questions/56988286/angular-material-table-set-default-number-of-rows">Angular Material Table set default number of rows</a></p>
  
  <p>But I won't know the number of rows as the display is responsive. Has anyone solved this yet? I haven't found anything yet.</p>
  
  <p><strong>EDIT</strong>
  It seems maybe I wasn't clear on the question as all of the answers don't really fit.</p>
  
  <p>I would like to be able to have a response sized div or container (maybe the table element itself). The container will grow and shrink vertically if the page size is changed vertically. THe number of rows visible (whether there is data available for them or not) should also increase or decreased based on the available table/container height</p>
  
  <p>Thanks</p>