JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <table>
        <tr>
            <th>heading1</th>
            <th>heading2</th>
            <th>heading3</th>            
            <th>heading4</th>            
            <th>heading5</th>            
        </tr>
        <tr>
            <td>value1_1</td>
            <td>value1_2</td>
            <td>value1_3</td>
            <td>value1_4</td>
            <td>value1_5</td>
        </tr>
        <tr>
            <td>value2_1</td>
            <td>value2_2</td>
            <td>value2_3</td>
            <td>value2_4</td>
            <td>value2_5</td>
        </tr>
        <tr>
            <td>value3_1</td>
            <td>value3_2</td>
            <td>value3_3</td>
            <td>value3_4</td>
            <td>value3_5</td>
        </tr>
        <tr>
            <td>value4_1</td>
            <td>value4_2</td>
            <td>value4_3</td>
            <td>value4_4</td>
            <td>value4_5</td>
        </tr>
        <tr>
            <td>value5_1</td>
            <td>value5_2</td>
            <td>value5_3</td>
            <td>value5_4</td>
            <td>value5_5</td>
        </tr>
    </table>
    
    
    
</body>

CSS

table{
   border:1px solid black;
}
th{
   border:2px solid black;
}
td{
   border:1px solid black;
}