Как сделать горизонтальный скролл таблицы (нажал и тяни в сторону)?

Question

Как сделать горизонтальный скролл таблицы (нажал и тяни в сторону)? Скиньте примеры или плагины может есть? Попробовал плагин scrollbooster, но он блокирует часть моего функционала.

Я знаю как сделать scroll с помощью overflow-x: scroll, дело в том что мне нужно прокрутка мышкой (не колёсиком, а кликнув и потянув мышкой), такая прокрутка работает на мобильнике по дефолту, а мне нужно на десктопе, чтобы тоже работала.

Answer 1

Насколько понимаю вы хотите в элементе какой-то ширины отобразить таблицу с возможность горизонтального скролла. Если да, тогда можете использовать overflow-x: scroll

.window {
  border: 1px solid black;
  width: 400px;
  height: 300px;
  display: flex;
  overflow: hidden;
  overflow-x: scroll;
}

.element {
  background-color: red;
  min-width: 300px;
  height: 300px;
}

.blue {
  background-color: blue;
}

.green {
  background-color: green;
}

<div class="window">
  <div class="element"></div>
  <div class="element blue"></div>
  <div class="element green"></div>
</div>

БЛОГ НА HUSL

Как сделать горизонтальный скролл таблицы (нажал и тяни в сторону)?

Ответы (1 шт):