wikiモードにおけるテーブルのオーバーフロー対応

ページ名:wikiモードにおけるテーブルのオーバーフロー対応

wikiモードでテーブルを作成したページをスマホで見た際に、テーブルが画面からはみ出てしまう事象の対応方法について記述します。


対処方法

画面からはみ出てしまうテーブルをuk-overflow-containerを指定した、#divclassプラグインで囲ってください。


実例

※スマホで確認すると、わかりやすいと思います。


|見出し1|見出し2|見出し3|見出し4|見出し5|見出し6|見出し7|見出し8|見出し9|見出し10|見出し1|見出し2|見出し3|見出し4|見出し5|見出し6|見出し7|見出し8|見出し9|見出し10|h
|内容1|内容2|内容3|内容4|内容5|内容6|内容7|内容8|内容9|内容10|内容1|内容2|内容3|内容4|内容5|内容6|内容7|内容8|内容9|内容10|
見出し1見出し2見出し3見出し4見出し5見出し6見出し7見出し8見出し9見出し10見出し1見出し2見出し3見出し4見出し5見出し6見出し7見出し8見出し9見出し10
内容1内容2内容3内容4内容5内容6内容7内容8内容9内容10内容1内容2内容3内容4内容5内容6内容7内容8内容9内容10


#divclass(uk-overflow-container) {
|見出し1|見出し2|見出し3|見出し4|見出し5|見出し6|見出し7|見出し8|見出し9|見出し10|見出し1|見出し2|見出し3|見出し4|見出し5|見出し6|見出し7|見出し8|見出し9|見出し10|h
|内容1|内容2|内容3|内容4|内容5|内容6|内容7|内容8|内容9|内容10|内容1|内容2|内容3|内容4|内容5|内容6|内容7|内容8|内容9|内容10|
}
見出し1見出し2見出し3見出し4見出し5見出し6見出し7見出し8見出し9見出し10見出し1見出し2見出し3見出し4見出し5見出し6見出し7見出し8見出し9見出し10
内容1内容2内容3内容4内容5内容6内容7内容8内容9内容10内容1内容2内容3内容4内容5内容6内容7内容8内容9内容10


<<『用途別記述例』に戻る


シェアボタン: このページをSNSに投稿するのに便利です。


最近更新されたページ

メニュー

Wiki3をはじめよう Wiki3とは? 新規登録する 管理画面にログインする 追加でWikiを作成する Wikiの作り方(初心者ガイド)Wikiの管理画面の使い方 基本設定 デザイン設定 ライブラリ...

用途別記述例

wikiモードを使用して編集している際に、「これってどうすればいいんだろう?」の解決策の一例を紹介するページです。編集の一助になれば幸いです。テーブル関連横幅の大きいテーブルをスマホで表示する(画面か...

amazonプラグインの使い方

基本表記とプラグインの機能について#amazon(商品ID)指定した商品のAmazonリンクを作成するプラグインです。wikiの設定でAmazonアソシエイトIDが設定されている場合、アフィリエイトリ...

showrssプラグインの使い方

基本表記とプラグインの機能について#showrss(RSSリンク)指定したRSSからリンクを表示するプラグインです。パラメータ一覧パラメータ説明urlRSSのURLを指定しますlinelimit=数字...

スパム対策設定

スパム対策でできることスパム対策として Wiki編集(ページ新規作成)の禁止ワード(NGワード) Wiki編集(ページ新規作成)の除外ワード(ホワイトワード) コメント投稿の禁止ワード(NGワード) ...

欲しいプラグインについて

今後Wiki3に実装してほしい このプラグインを改善してほしいなど、Wiki3のプラグインについてご意見やご要望ありましたら、このページのコメント欄にてお気軽にご連絡ください。現在実装されているプラ...

ゲーム攻略wikiの作り方

&nbsp;ゲーム攻略wiki作成に向いているかどうか?自分自身がターゲットのゲームが好きであること好きでもないゲームを稼ぐためにやるのは無駄な労力で終わるから諦めましょう。理由やっていないゲームだと...

コメントNGID機能について

コメントNGID機能とは特定IDのコメントを不可視にすることができる機能です。荒らし行為の書き込みを見たくない方は、ぜひご利用ください。※この機能を使用するにはコメントのIDが表示されている必要があり...

ウィキ内検索(β版)

Wiki3のウィキ内検索(&beta;版)についてWiki3の管理者・メンバーがログインしている場合のみ、ページ本文またはページタイトルに対して完全一致の検索ができる機能です。 単純な単一検索のみ対応...

プラグインリファレンス

このページでは、ページ作成時に使える各プラグインについて説明します。プラグインの呼び出し方編集画面のプラグインボタンをクリックすると、画面右側にプラグインメニューが開きます。メニューの中から任意のプラ...

投票結果を確認する

では、投票結果を確認してみましょう。まずは上部メニューから「ツール」&rarr;「投票一覧」へ移動します。1. 投票一覧ページ投票一覧ページではそのwikiで作成した投票を確認することができます。「投...

投票を作成する

1. 作成ページへ移動する下部画像のように、投票作成のページには上部メニューの「ツール」&rarr;「投票の作成」から移動できます。2. 各種設定を変更する作成ページへ移動したら、まず作成する投票に関...

投票機能について

投票機能とは独自の投票を作成することが可能な機能になります。アンケートのような使い方や人気投票の作成などにご利用できるかと思います。期限や投票回数、一度の投票数などいろいろ設定が変更できるのでぜひご利...

投票ページの作成

作成した投票を実際に投票画面にするにはvoteプラグインを使います。下記画像は、「投票機能とは」のページでvoteプラグインを記述している例になります。voteプラグインの利用方法基本表記とプラグイン...