DokuWiki

It's better when it's simple

ユーザ用ツール

サイト用ツール


サイドバー

この翻訳は元のページよりも更新日が古く、内容が古い可能性があります。 変更点を参照して下さい。
このページの翻訳?:

DokuWiki について知る

開発

法人利用

我々のコミュニティ


FacebookTwitterや他のソーシャル・ネットワークからフォローしてください。

ja:plugin:mobiletable

モバイル用テーブルプラグイン

互換性のある DokuWiki バージョン

  • 2018-04-22 "Greebo" 不明
  • 2017-02-19 "Frusterick Manners" 不明
  • 2016-06-26 "Elenor Of Tsort" 確認済
  • 2015-08-10 "Detritus" 確認済

plugin レスポンシブ化するためにテーブルを並べ替える

最終更新日
2016-07-18
種類
Syntax, Action
リポジトリ
ソース
作者 Bleistivt

インストール

プラグイン管理とプラグインの最新バージョンを指す上記のダウンロード URL を使用して、プラグインをインストールして下さい。 手動でプラグインをインストールする方法はプラグインを参照してください。

例・使用方法

このプラグインは、全列を積み上げた表の二番目の表示を作成します。 その表示方法では、全列が積み上がっており、モバイルデバイスの場合のみ表示します。 水平スクロールをさせないことによって、幅の広いテーブルのモバイル環境を改善します。

(テーマの __phone_width__ で指定された)モバイル表示の中では以下が:

Name Color Size Speed
Item 1 Red Small 50 km/h
Item 2 Green Large 30 km/h
!^! Name   ^ Color ^ Size  ^ Speed   ^
^ Item 1   | Red   | Small | 50 km/h |
^ Item 2   | Green | Large | 30 km/h |

以下になります:

Item 1
Color Red
Size Small
Speed 50 km/h
Item 2
Color Green
Size Large
Speed 30 km/h

構文

モバイル用テーブルを有効にするには、ヘッダー行の前に ! を追加します:

!^ Name   ^ Color ^ Size  ^ Speed   ^
^ Item 1  | Red   | Small | 50 km/h |
^ Item 2  | Green | Large | 30 km/h |

これは、以下のようなモバイル用テーブルを作成します:

Name Item 1
Color Red
Size Small
Speed 50 km/h
Name Item 2
Color Green
Size Large
Speed 30 km/h

第一インデックス列を作りたいセルの最初の文字として、二番目の ! を使用して下さい。 最初の例を再利用すると、Color 列を第一インデックス列にできます:

!^ Name   ^! Color ^ Size  ^ Speed   ^
^ Item 1  | Red    | Small | 50 km/h |
^ Item 2  | Green  | Large | 30 km/h |
Red
Name Item 1
Size Small
Speed 50 km/h
Green
Name Item 2
Size Large
Speed 30 km/h

更にこのプラグインには <only desktop></only><only mobile></only> という(内部で使用する)マークアップがあります。 desktop または mobile から内容を隠すために使用できます。

変更履歴

既知のバグと問題

:!: 表中の脚注はモバイル用テーブルに引き継がれません。

FAQ

議論

ja/plugin/mobiletable.txt · 最終更新: 2016-07-19 11:29 by sawachan