https://jalkenpo.jp/assets/js/modules/swipeTable.js

1/**
2 *
3 * tableの幅がコンテンツ幅を越えるときの処理（主にスマホで見た際）
4 * .table-swipeを指定することでテーブルの左右にスワイプできるようにする
5 *
6 * @param {string} 対象の要素を指定 例：".main-inner"など
7 *
8 */
9
10export function swipeTable(target) {
11  const $target = document.querySelector(target);
12  if (!$target) {
13    return;
14  }
15  const $swipeTable = document.querySelectorAll(".table-swipe");
16  [...$swipeTable].map(function (el) {
17    el.insertAdjacentHTML("beforebegin", '<div class="bg-black text-center py-2 text-white mt-4">\u5de6\u53f3\u306b\u30b9\u30af\u30ed\u30fc\u30eb\u3067\u304d\u307e\u3059\u3002</div>');
18  });
19}