JSFiddle - React, Tailwind, and code Playground

by Pradeep Shankar

HTML

<table>
  <thead>
    <tr>
      <th>Head1</th>
      <th>Head2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>A</td>
      <td>B</td>
    </tr>
    <tr>
      <td>C</td>
      <td>D</td>
    </tr>
  </tbody>
</table>

CSS

table { 
    border-collapse: collapse; 
}

table thead tr {
  background-color: rgb(116, 195, 80);
    -webkit-background:linear-gradient(rgb(116, 195, 80), rgb(160, 219, 132));
}