title: How to add Edit material-ui icons in data-grid component column component
body: <p>I am using material-ui data-grid and I want to show Edit material-ui icons against each row. But in data-grid, we don't have any props that can be used for the same. Below is the source code:</p>
  <pre><code>import React, {useState, useEffect} from &quot;react&quot;;
  import { DataGrid } from &quot;@material-ui/data-grid&quot;;
  import { Edit } from &quot;@material-ui/icons&quot;;
  
      const MyComponent= () =&gt; {
            return (
               &lt;DataGrid
                rows={[{name: &quot;ABC&quot;, email: &quot;xyz@gmail.com&quot;}]}
                columns={[{ field: &quot;name&quot;, headerName: &quot;Name&quot; }, { field: &quot;email&quot;, headerName: &quot;Email&quot; }]}
              /&gt;
            )
  };
  
  export default MyComponent;
  </code></pre>