大きな表の表示変更機能を追加

PR 2016/10/21

このトピックには6件の返信、2人の参加者があり、最後にシュバインシュタイガーにより9年、 10ヶ月前に更新されました。

6件の返信スレッドを表示中

投稿者

投稿
- 2016年10月21日 11:45 AM #46501
  シュバインシュタイガー
  ゲスト
  よろしくおねがいします
  
  既存ページは以前のまま（改行）で良いので
  カスタマイズでは「□大きな表は横スクロール」にチェック入れてません
  
  これから作成するテーブル（別クラス名）はスクロールさせたいです
  ご教示お願いします
  
  ＜親ＣＳＳ＞
```
.article .scrollable-table th,
.article .scrollable-table td{
  white-space: nowrap;
}
.scrollable-table {
  overflow-x: auto;
  margin-bottom: 1em;
}
```
- 2016年10月21日 7:21 PM #46506
  
  わいひら
  キーマスター
  
  ちょっと、書いてあることがわかりづらいので確認させてください。
  これから投稿する記事のテーブルだけ横スクロール表示するということですか？
- 2016年10月21日 8:00 PM #46510
  
  シュバインシュタイガー
  ゲスト
  
  わかりづらい文章でスミマセン！
  
  これから投稿する記事のテーブルは
  横スクロールさせるか
  デフォルトのまま改行させるか
  その都度、変えたいです
  
  横スクロールさせるために
  独自のクラス＆スタイルで試みましたが
  能力不足のため
  上手くいきません･･
- 2016年10月21日 8:13 PM #46512
  
  シュバインシュタイガー
  ゲスト
  
  親ＣＳＳでは
  横スクロールさせている？
  デフォルトは横スクロール？
  
  「カスタマイズ」で「□大きな表は横スクロール」にチェック入れない場合
  子ＣＳＳで
  改めて横スクロールさせるのでしょうか？
- 2016年10月22日 9:17 AM #46532
  
  シュバインシュタイガー
  ゲスト
  
  解決できました
  
  <div class=”scrollable-table”></div>
  で囲みました
- 2016年10月22日 3:54 PM #46548
  
  わいひら
  キーマスター
  
  なるほど、そういうことでしたか。
  <div class=”scrollable-table”></div>で表を囲むと、横スクロールするようにCSSな設定してあるのでその方法でOKです。
- 2016年10月22日 5:05 PM #46552
  シュバインシュタイガー
  ゲスト
  書き忘れましたが
  子ＣＳＳに
```
.scrollable-table td{
  white-space: nowrap!important;
}
```
  が必要ですよね？
投稿者

投稿

6件の返信スレッドを表示中

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