JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table">


  <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>
    <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>
</div>

CSS

.table {
  columns: 3;
}

table {
  width: 100%;
  border-spacing: 45px 0px;
}

table tr:nth-child(odd) th,
tr:nth-child(odd) td {
  background-color: #ccc;
}

th,
td {
  font-size: 18px;
  text-align: left;
}

body {
  font-family: sans-serif;
}