Гаджи Гаджидадаев

Делал точно такую штуку как на 2 картинке через скролл бар.
Пример
Сначала делал, чтобы на десктопе листали по 1 элементу, потом попросили чтобы как мобильный скролл бар был, через js делал.
А кнопки листают 1 элементу. Ширина элемента высчитываю при загрузке компонента и от этого исхожу.

Первый код это не совсем таблица, скорее одна строка таблицы с ячейками.
Таблица это

<table>
  <tr>
    <td>Строка 1 Колонка 1</td>
    <td>Строка 1 Колонка 2</td>
  </tr>
  <tr>
    <td>Строка 2 Колонка 1</td>
    <td>Строка 2 Колонка 2</td>
  </tr>
</table>

Вот теперь при клике на любую ячейку получаешь родителя этой ячейки и у него все его дочерние ячейки. Т.е. кликнул на Строка 1 Колонка 2 и через родителя получаешь все его соседние ячейки включая его самого. Перебором этих ячеек через findIndex получаешь индекс ячейки, на которую был клик.

И теперь проходишь по всем строкам и у каждой строки получаешь ячейки с индексом вычисленным выше.