title: How to format a cell in react material-ui DataGrid
body: <p>I have a react material-ui DataGrid.
  One of the cells shows text data representing status, which I want to show in a graphical way - specifically bootstrap badge.</p>
  <p>The DataGrid code is:</p>
  <pre><code>const ProcessesColumns: ColDef[] = [
  { field: 'id', headerName: 'ID' },
  { field: 'name', headerName: 'Name', width: 300 },
  { field: 'status', headerName: 'Status', width: 130 },
  ];
  
  const processes = [
  {
      id: 1,
      name: 'aaa',
      status: 'Sucess',
  },
  {
      id: 2,
      name: 'bbb',
      status: 'Fail',
  },
  {
      id: 3,
      name: 'ccc',
      status: 'Sucess',
  },
  {
      id: 4,
      name: 'ddd',
      status: 'Success',
  },
  {
      id: 5,
      name: 'eee',
      status: 'Sucess',
  },
  {
      id: 6,
      name: 'fff',
      status: 'Fail',
  },
  ]
  
  &lt;DataGrid rows={processes} columns={ProcessesColumns} pageSize={10} /&gt;
  </code></pre>