JSFiddle - React, Tailwind, and code Playground

HTML

<table border = "1" cellspacing = "0" cellpadding = "0">
  <colgroup>
    <col span="2" style="width:5%">
    <col span="2" style="width:40%">
    <col span="2" style="width:5%">
    <col span="2" style="width:40%">
  </colgroup>
        
    <tr>
        <td>Age</td>
        <td>12</td>
        <td>Gender</td>
        <td>Male</td>
    </tr>
    <tr>
        <td>Age</td>
        <td>12</td>
        <td>Gender</td>
        <td>Male</td>
    </tr>
    <tr>
        <td>Age</td>
        <td>12</td>
        <td>Gender</td>
        <td>Male</td>
    </tr>
</table>

CSS

table {
    border-collapse: collapse;
    width: 100%;
}