JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table table-hover" style="width: 300px;">
      <thead>
        <tr>
          <th>#</th>
          <th>First Name</th>
          <th>Last Name</th>
          <th>Username</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td>Mark</td>
          <td>Otto</td>
          <td>@mdo</td>
        </tr>
      </tbody>
    </table>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
.table th,
.table td {
  padding: 4px;
  line-height: 5px;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid red ! important;
  border-bottom: 1px solid red ! important;  
    height:35px;
}
.table th{
    border-top:none ! important;
}
.table td{
    border-bottom:0px ! important;
}