JSFiddle - React, Tailwind, and code Playground

by NinjaSystems

HTML

<div class="modification">
  <div class="modification__tableWrap">
    <table>
      <thead>
        <tr>
          <th>Заголовок 1</th>
          <th>Заголовок 2</th>
          <th>Заголовок 3</th>
          <th>Заголовок 4</th>
          <th>Заголовок 5</th>
          <th>Заголовок 6</th>
          <th>Заголовок 7</th>
          <th>Заголовок 8</th>
          <th>Заголовок 9</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Значение 1</td>
          <td>Значение 2</td>
          <td>Значение 3</td>
          <td>Значение 4</td>
          <td>Значение 5</td>
          <td>Значение 6</td>
          <td>Значение 7</td>
          <td>Значение 8</td>
          <td>Значение 9</td>
        </tr>
        <tr>
          <td>
            <div class="modification__prices">
              <table>
                <thead>
                  <tr>
                    <th>Продавец</th>
                    <th>Состояние</th>
                    <th>Цена</th>
                    <th>Подробнее</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>Компания 1</td>
                    <td>Новый</td>
                    <td>232323</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>