title: How to give fixed height to Angular Material Table
body: <p>I have an <code>angular material table(10 rows)</code>for which i want to fix the height to 300px(Vertical scroll should be used to see the extra rows). When i give height in the styles to <code>300px</code> it is not having any effect. 
  The contents of the table are going out of the height given.</p>
  
  <p>See the link for the image.</p>
  
  <p>I want to have two tables one below another and i want to give them equal <code>height 50%.</code> The first table itself taking <code>10 rows height</code>.</p>
  
  <p><a href="https://i.stack.imgur.com/8q2dj.png" rel="noreferrer">Angular Material Table</a></p>