title: how to make material data grid width to fill the parent component in react js
body: <p>I'm trying to display the data grid with all columns should take equal width to fit the parent component. but there is a blank space at the end which I'm not able to remove and cannot make columns to take auto width to fit page width.</p>
  <p>can anyone please help me on this</p>
  <p><a href="https://codesandbox.io/s/musing-montalcini-tn04y" rel="noreferrer">https://codesandbox.io/s/musing-montalcini-tn04y</a></p>
  <p><a href="https://i.stack.imgur.com/Hq9og.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Hq9og.png" alt="enter image description here" /></a></p>