JSFiddle - React, Tailwind, and code Playground

by Laurent Dufour

HTML

<table class="nobordertable">
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
</table>

CSS

.nobordertable td {
  border: 1px solid #000;
}
.nobordertable td:first-child {
  border-left:0;
}
.nobordertable td:last-child {
  border-right:0;
}
.nobordertable tr:first-child td {
  border-top:0;
}
.nobordertable tr:last-child td {
  border-bottom:0;
}