JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<div id="user_list">
   <table id="grd" style="width: 100%; ">
       <thead>
          <tr>
              <td style="width: 15%;"><b>Name</b></td>
             <td style="width: 15%;"><b>Age</b></td>
             <td style="width: 35%;"><b>Address</b></td>
             <td style="width: 35%;"><b>Office Address</b></td>
          </tr>
        </thead>
        <tbody>
           <tr>
              <td>Agnib</td>
              <td>25</td>
              <td>jhjhhsdj</td>
              <td>wyeruyweryuwe</td>
           <tr>
        </tbody>
     </table>
</div>

CSS

#grd thead, #grd tbody
{
  
   width: 100%;
}

table, tr, td {
    border: 1px solid black;
    border-collapse: collapse;
}
tr, td {
    padding: 5px;
    text-align: left;
}