JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table table-hover modules-table" id="module-list-table">
  <thead>
    <tr>
      <th>ID</th>
      <th>Name</th>
      <th>Modified</th>
      <th>Status</th>
      <th>Action</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
      <td></td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
      <td></td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
      <td></td>
    </tr>
  </tbody>
</table>

CSS

#table-underline {
    border: 1px solid #2baab1;
    margin-top:12px;
}

.modules-table > tbody > tr > th ,.modules-table > tbody > tr > td {
    border-color:#ececef;
}

.modules-table  > tbody > tr > td:nth-child(2) {
    width:256px;
    padding-left:80px;
}