JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <th>Заголовок</th>
    <td>Текст</td>
  </tr>
  <tr>
    <th>Заголовок</th>
    <td>Текст</td>
  </tr>
  <tr>
    <th>Заголовок</th>
    <td>Текст</td>
  </tr>
  <tr>
    <th>Заголовок</th>
    <td>Текст</td>
  </tr>
  <tr>
    <th>Заголовок</th>
    <td>Текст</td>
  </tr>
  <tr>
    <th>Заголовок</th>
    <td>Текст</td>
  </tr>
  <tr>
    <th>Заголовок</th>
    <td>Текст</td>
  </tr>
  <tr>
    <th>Заголовок</th>
    <td>Текст</td>
  </tr>
  <tr>
    <th>Заголовок</th>
    <td>Текст</td>
  </tr>
</table>

CSS

* {
  box-sizing: border-box;
}

table {
  display: block;
}
tbody {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 30px;
}

tr:nth-child(odd) {
  background: #eee;
}

td {
  padding: 5px;
}