1. Свойство CSS Overflow: установите для свойства CSS контейнера таблицы «overflow-x» значение «прокрутка» или «авто» и укажите фиксированную ширину для контейнера. Например:

.table-container {
  overflow-x: scroll; /* or overflow-x: auto; */
  width: 100%;
}

2. Flexbox: используйте CSS flexbox для создания адаптивной таблицы с горизонтальной прокруткой. Вот пример:

.table-container {
  display: flex;
  overflow-x: auto;
}
.table {
  display: flex;
  flex-wrap: nowrap;
}

3. CSS Grid: используйте CSS-сетку для создания таблицы с горизонтальной прокруткой. Вот пример:

.table-container {
  display: grid;
  overflow-x: auto;
}
.table {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

4. JavaScript/jQuery. Реализуйте решение JavaScript или jQuery для динамического добавления в таблицу функций горизонтальной прокрутки. Этот подход обеспечивает большую гибкость, но требует дополнительного написания кода.