title: How to add class on MUI datatable head and respective td for column?
body: <p>I am using <strong>MUI DataTable Reactjs</strong> in one of my project. 
  <a href="https://www.npmjs.com/package/mui-datatables" rel="nofollow noreferrer">https://www.npmjs.com/package/mui-datatables</a></p>
  
  <p>I have to apply some CSS on specific column, like changing background color of a column. So i am trying to add a class on head and respective td in other rows.</p>
  
  <p><strong>Is there any way to add class with existing below code, because almost all table i have created like this code?</strong></p>
  
  <p>Below is the code for creating column head. </p>
  
  <pre><code>const columns = [
    "Date",
    {
      name: "Description",
      options: {
        filter: false,
        customBodyRender: value =&gt; {
          return &lt;a href={value[0]}&gt;{value[1]}&lt;/a&gt;;
        }
      }
    },
    "Articles",
    {
      name: "Amount",
  
    },
    {
      name: "",
      options: {
        filter: false,
        customBodyRender: value =&gt; {
          return (
            &lt;a href={value[0]}&gt;
              &lt;img src={download} alt="" /&gt;
            &lt;/a&gt;
          );
        }
      }
    }
  ];
  </code></pre>
  
  <p>and table is generating <strong>td</strong> with below data.</p>
  
  <pre><code>const data = [
    [
      "Nov 26",
      ["http://www.google.com", "Payouts for November 19-25, 2018"],
      "56.898",
      "74.164,75",
      ["http://www.google.com", "Downlaod"]
    ],
    [
      "Nov 26",
      ["http://www.google.com", "Payouts for November 19-25, 2018"],
      "56.898",
      "74.164,75",
      ["http://www.google.com", "Downlaod"]
    ],
  
  
  ];
  </code></pre>
  
  <p>Table Component: </p>
  
  <pre><code> &lt;MUIDataTable
          title={"Payout history"}
          data={data}
          columns={columns}
          options={options}
        /&gt;
  </code></pre>