tableのscrollについて

overfrow-x:scroll;　がどうにもこうにも効かなかったのだが、、、
どうやらdivが今回は関与していたらしく、、、
当初、divをつけずにp-table__wrapにoverfrowをかけ、
p-table__bodyにwhite-space:nowrapをかけていたが、まったく出来ず。。。
div=p-table を追加し、そこへoverfrowをかけたら実装できた！

<div class="p-table">
<table class="p-table__wrap">
                    <tbody class="p-table__body">
                        <tr>
                            <th></th>
                            <th class="p-table__green">業務委託型スタッフ常駐サービス</th>
                            <th>一般派遣</th>
                        </tr>
省略

【html/CSS】スクロールできない原因と解決方法

「サイト全体をスクロールできないんだけど!?」「ここをスクロールさせたいのになぜかできない!?」スクロールできない原因と解決方法を解説します。

また、表などで縦書き指定をした際に、なかなか反映されない
もしくはiphoneで反映されないなどの場合もあり。
white-space: pre; で改行させないようにすれば良いとのこと。

.p-table__c span {
    writing-mode: vertical-rl;
    white-space: pre;
    display: inline-block;
}

【CSS】スマホで縦書きの記述「writing-mode: vertical-rl;」が効かない | web関連 | 二色人日記。

スマホ（ios）でテーブル内のthタグを縦書き（writing-mode: vertical-rl;）しようとしたら効かなかったので備忘録解決方法:spanタグで囲む縦書きにしたい要素をspanタグで...