こちらの記事を参考にさせていただきました。

【WordPress】スマホでキレイにテーブル表示したいならScrollHint入れておこう

使い方

1. HTML直接追記(head内)へ以下の２行を追加します。

<link rel="stylesheet" href="<https://unpkg.com/scroll-hint@latest/css/scroll-hint.css>">
<script src="<https://unpkg.com/scroll-hint@latest/js/scroll-hint.min.js>"></script>

1. HTML直接追記(body内)へ以下を追加します。そのときに .notion-board の部分はスクロールヒントを出したいクラス名かIDを指定します。サンプルは Boardに表示します。テーブルの際には .notion-table になります。

<script>
setTimeout(function(){
      new ScrollHint('.notion-board', {
        suggestiveShadow: true,
        i18n: {
          scrollable: 'スクロールできます'
        }
      });
},50)
</script>

スクロールヒント用Board