HOME フォーラム BizVektor 表を横スクロールさせたい

このトピックには0件の返信が含まれ、1人の参加者がいます。5 年、 3 ヶ月前 shingo さんが最後の更新を行いました。

1件の投稿を表示中 - 1 - 1件目 (全1件中)
  • 投稿者
    投稿
  • #7878

    shingo
    参加者

    初心者です。
    スマホで表示すると途切れてしまうので表を横にスクロールさせたいです。
    なかなかうまく表示されません。

    tableタグを、以下で囲ってます
    <div class=”scroll”>
    表示させる表
    </div>

    cssには、以下です
    table{
    width:100%;
    }
    .scroll{
    overflow: auto;    /*tableをスクロールさせる*/
    white-space: nowrap;  /*tableのセル内にある文字の折り返しを禁止*/
    }
    .scroll::-webkit-scrollbar{  /*tableにスクロールバーを追加*/
    height: 5px;
    }
    .scroll::-webkit-scrollbar-track{  /*tableにスクロールバーを追加*/
    background: #F1F1F1;
    }
    .scroll::-webkit-scrollbar-thumb {  /*tableにスクロールバーを追加*/
    background: #BCBCBC;
    }

    表示が一向にされません。
    改善点をご教授ください。

1件の投稿を表示中 - 1 - 1件目 (全1件中)

このトピックに返信するにはログインが必要です。