JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table">
    <div class="table-row">
      <div class="table-cell">Lorem Ipsum</div>
      <div class="table-cell">Lorem Ipsum</div>
      <div class="table-cell">Lorem Ipsum</div>
      <div class="table-cell">Lorem Ipsum</div>
      <div class="table-cell">Lorem Ipsum</div>
      <div class="table-cell">Lorem Ipsum</div>
      <div class="table-cell">Lorem Ipsum</div>
    </div>
    <div class="table-row">
      <div class="table-cell">Lorem Ipsum</div>
      <div class="table-cell">Lorem Ipsum</div>
      <div class="table-cell">Lorem Ipsum</div>
      <div class="table-cell">Lorem Ipsum</div>
      <div class="table-cell">Lorem Ipsum</div>
      <div class="table-cell">Lorem Ipsum</div>
      <div class="table-cell">Lorem Ipsum</div>
    </div>
  </div>

CSS

.table {
  display: table;
  border: 1px solid #000;
  border-collapse: collapse;
}

.table-row {
    display: table-row;
}

.table-cell {
  display: table-cell;
  border: 1px solid #000;
  padding: 5px;
}

.table-row:nth-child(even) .table-cell {
  border-top: none;
}