要素が横スクロール可能な状態かを返します。

canScrolled.js

/**
 * 要素が横スクロール可能な状態かを返します。
 * @param {HTMLElement} element テーブルをスクロールしている親要素
 * @return Boolean
 * @example
 * const tables = document.querySelectorAll('.table-wrap')
 * Array.from(tables).forEach((table) => {
 *   canScrolled(table) ? canFunc() : notFunc()
 * })
 */
const canScrolled = (element) => {
  const scrollWidth = element.scrollWidth
  const clientWidth = element.clientWidth
  const isScrolled = scrollWidth > clientWidth

  return isScrolled
}