Widget:ResponsiveTable

提供:大乱闘スマッシュブラザーズWiki
2024年7月24日 (水) 07:53時点におけるWIKIMASA (トーク | 投稿記録)による版 (ページの作成:「<includeonly><style> .rptable-mobile{ width: 100%; } .rptable-mobile tbody, .rptable-mobile tr, .rptable-mobile tr > th, .rptable-mobile tr > td { width: auto; display: block; } .rptable-mobile { padding: 0em; } .rptable-mobile thead { display: block; background-color: #eaecf0; } .rptable-mobile tfoot { display: block; } .rptable-mobile tr { padding-top: 1em; padding-bottom: 1em; box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset; } .rptable-m…」)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)

ウィンドウサイズが一定未満になるとセルが縦並びになるモバイルフレンドリ―なテーブル。ソートテーブルにも対応。幅が広すぎるテーブル向け。

使い方

通常のwikitableに、クラス「rptable」を追加する。

例:

{{#widget:ResponsiveTable}}
{| class="wikitable rptable"
|+ キャプション文
|-
! 見出しテキスト !! 見出しテキスト !! 見出しテキスト
|-
| セル内のテキスト || セル内のテキスト || セル内のテキスト
|-
| セル内のテキスト || セル内のテキスト || セル内のテキスト
|-
| セル内のテキスト || セル内のテキスト || セル内のテキスト
|}

注意事項

  • セル連結をしているテーブルなどでは上手く機能しない。上手く機能するかどうか、編集を確定させる前にプレビューで見ておくべき。
  • 幅が広くないテーブルでは使う価値は無い。