JSFiddle - React, Tailwind, and code Playground

by Renilson Meneguci

HTML

<body>
    
    <table>
    <thead>
        <tr>
            <th>header 1</th>
            <th>header 2</th>
            <th>header 3</th>
        </tr>
    </thead>

    <tbody>
           <tr>
            <td>content 1</td>
            <td>content 2</td>
            <td>content 3</td>
        </tr>
          <tr>
            <td>content 1</td>
            <td>content 2</td>
            <td>content 3</td>
        </tr>
          <tr>
            <td>content 1</td>
            <td>content 2</td>
            <td>content 3</td>
        </tr>
          <tr>
            <td>content 1</td>
            <td>content 2</td>
            <td>content 3</td>
        </tr>
          <tr>
            <td>content 1</td>
            <td>content 2</td>
            <td>content 3</td>
        </tr>
          <tr>
            <td>content 1</td>
            <td>content 2</td>
            <td>content 3</td>
        </tr>  <tr>
            <td>content 1</td>
            <td>content 2</td>
            <td>content 3</td>
        </tr>  <tr>
            <td>content 1</td>
            <td>content 2</td>
            <td>content 3</td>
        </tr>
          <tr>
            <td>content 1</td>
            <td>content 2</td>
            <td>content 3</td>
        </tr>
          <tr>
            <td>content 1</td>
            <td>content 2</td>
            <td>content 3</td>
        </tr>
          <tr>
            <td>content 1</td>
            <td>content 2</td>
            <td>content 3</td>
        </tr>
          <tr>
            <td>content 1</td>
            <td>content 2</td>
            <td>content 3</td>
        </tr>  <tr>
            <td>content 1</td>
            <td>content 2</td>
            <td>content 3</td>
        </tr>
          <tr>
            <td>content 1</td>
            <td>content 2</td>
            <td>content 3</td>
        </tr>
          <tr>
            <td>content 1</td>
            <td>content 2</td>
            <td>content 3</td>
        </tr>
         ...

CSS

<style type="text/css" media="print,screen" >
th {
    font-family:Arial;
    color:black;
    background-color:lightgrey;
}
thead {
    display:table-header-group;
}
tbody {
    display:table-row-group;

table td {
 border-bottom:1px solid gray;
}}
</style>