title: How to add a button to every row in MUI DataGrid
body: <p>I cant add a button into every row of MUI <code>DataGrid</code>.
  I have a MUI <code>DataGrid</code> which I render like this:</p>
  <pre><code>&lt;DataGrid rows={rows} columns={columns} pageSize={5} checkboxSelection /&gt;
  </code></pre>
  <p>I have added into the columns variable 'actions' column where the button should be. rows are just a a data object I get from the props. how can I add a button into every row (for editing the row)? I have tried mapping the data array but it is not possible to add JSX button into every object of data.</p>