title: How to accomplish customRender in React mui-Datatable
body: <p>I want to customize the row hat data in mui-datatble in such a way that if I get Yes in the option, background color should be Red and if I say No, background color should be Blue. I am using mui-datatable first time. </p>
  
  <p>I am unable to use customRowRender or customRender. How do we use it in mui-datatable</p>
  
  <pre><code>import React from 'react';
  import MUIDataTable from "mui-datatables";
  
  class Datatable extends React.Component {
      render() {
          const columns = [
              {
               name: "name",
               label: "Name",
               options: {
                filter: true,
                sort: true,
                customRowRender:(data, dataIndex, rowIndex) =&gt; {
                  console.log('data' + data);
                  return (
                    &lt;div&gt;
                      {data}{' '}{dataIndex}{' '}{rowIndex}
                    &lt;/div&gt;
                  );
                }
               }
              },
              {
               name: "company",
               label: "Company",
               options: {
                filter: true,
                sort: false,
               }
              }
             ];
  
             const data = [
              { name: "Joe James", company: "Test Corp" },
              { name: "John Walsh", company: "Test Corp" }
             ];
  
             const options = {
               filterType: 'checkbox',
             };
          return (
              &lt;React.Fragment&gt;
  &lt;MUIDataTable
    title={"Employee List"}
    data={data}
    columns={columns}
    options={options}
  /&gt;
              &lt;/React.Fragment&gt;
              );
     }}
  export default Datatable;
  
  I should be able to render data in customRender where I will add a conditional render with a &lt;div&gt; and style depending on Yes/No
  </code></pre>