title: React DataTable customization
body: <p>Is it possible to style the headers of the <code>react-data-table-component</code>? I tried this</p>
  <pre><code>  columns: [
      {
        name: &quot;Name&quot;,
        selector: &quot;name&quot;,
        sortable: true,
        style: {
          background: &quot;orange&quot;,
        },
      },
    ],
  </code></pre>
  <p>But it styles all the cells underneath that header, not the header itself.
  <a href="https://i.stack.imgur.com/oE95n.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oE95n.png" alt="enter image description here" /></a></p>
  <p>Please let me know if there is documentation that I study this component API from.</p>