title: mat-table - overflows parent div if the content of any of the column is very long
body: <p>Using angular material component mat-table and angular flex layout to display a data table inside a div.</p>
  
  <p>stackblitz <a href="https://stackblitz.com/edit/angular-af6dyv" rel="nofollow noreferrer">link</a></p>
  
  <p>Unable to fix the width of the table inside the div. If any of the column is having longer data, then the table overflows the parent div.</p>
  
  <p>Expected behaviour is to show ellipse for the column with longer data, and the table width should be fixed (100% inside parent div) and not dependent on the column data.</p>