表の横スクロール < SWELLに関する質問

フォーラムをリニューアルしました！
今後は、新フォーラムをご利用ください。

通知

すべてクリア

[解決済] 表の横スクロール

SWELLに関する質問

3 投稿

2 ユーザー

2 Likes

1,053 表示

RSS

swell最高

(@naokinaoki)

Active Member

Topic starter

スマホの横スクロールは、SWELLの機能で簡単に表示する事ができてとても嬉しいのですが、PCでも横スクロールするにはどうしたらいいでしょうか？

table-scroll　pc-scrollと入力してもできそうにないので、アドバイスいただけると助かります。

投稿済 : 30/05/2021 3:43 am

かんた

(@swell-mania)

Reputable Member

959pxがブレイクポイントで次のコードが適用されます。

@media (max-width: 959px){
.wp-block-table.sp_scroll_>table {
    width: 800px;
    max-width: 800px;
}
}

スクロール表示させたい表で「横スクロール可能にする」をチェックし、任意のクラスを付けメディアクエリ抜きで同様のコード設定をすればPCでスクロールが表示されます。

独自カスタマイズがんばってください。

SWELLマニアというサイトを運営しています！

投稿済 : 30/05/2021 4:11 am

swell最高

(@naokinaoki)

Active Member

Topic starter

ありがとうございます！

無事に横スクロールできるように成しました！

投稿済 : 31/05/2021 4:50 am

共有: