DokuWiki

It's better when it's simple

ユーザ用ツール

サイト用ツール


サイドバー

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

DokuWiki について知る

開発

法人利用

我々のコミュニティ


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

ja:plugin:mobiletable

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

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

  • 2020-07-29 "Hogfather" 不明
  • 2018-04-22 "Greebo" 不明
  • 2017-02-19 "Frusterick Manners" 不明
  • 2016-06-26 "Elenor Of Tsort" 確認済

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

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

This extension is not in the 'plugin' or 'template' namespace and is therefore ignored.

タグ mobile, responsive, tables

作者 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