Macchiato by DigiPress

Highly Flexible WordPress Theme

HTMLテーブル用ショートコード

このショートコードはDigiPressテーマ専用のプラグインとして提供されています。

ヘッダがない場合

1-1番目のセル 1-2番目のセル 1-3番目のセル 1-4番目のセル
2-1番目のセル 2-2番目のセル 2-3番目のセル 2-4番目のセル
3-1番目のセル 3-2番目のセル 3-3番目のセル 3-4番目のセル

このショートコード

行ヘッダがある場合

1行目タイトル 1-2番目のセル 1-3番目のセル 1-4番目のセル 1-5番目のセル
2行目タイトル 2-2番目のセル 2-3番目のセル 2-4番目のセル 2-5番目のセル
3行目タイトル 3-2番目のセル 3-3番目のセル 3-4番目のセル 3-5番目のセル

このショートコード

列ヘッダがある場合

ここをタップして表示Close
1列目タイトル 2列目タイトル 3列目タイトル 4列目タイトル
1-1番目のセル 1-2番目のセル 1-3番目のセル 1-4番目のセル
2-1番目のセル 2-2番目のセル 2-3番目のセル 2-4番目のセル
3-1番目のセル 3-2番目のセル 3-3番目のセル 3-4番目のセル

このショートコード

行ヘッダ+列ヘッダがある場合

ここをタップして表示Close
2列目タイトル 3列目タイトル 4列目タイトル 5列目タイトル
1行目タイトル 1-2番目のセル 1-3番目のセル 1-4番目のセル 1-5番目のセル
2行目タイトル 2-2番目のセル 2-3番目のセル 2-4番目のセル 2-5番目のセル
3行目タイトル 3-2番目のセル 3-3番目のセル 3-4番目のセル 3-5番目のセル

このショートコード

セルにマウスホバー効果を有効にしたテーブル

ここをタップして表示Close
1列目タイトル 2列目タイトル 3列目タイトル 4列目タイトル
1-1番目のセル 1-2番目のセル 1-3番目のセル 1-4番目のセル
2-1番目のセル 2-2番目のセル 2-3番目のセル 2-4番目のセル
3-1番目のセル 3-2番目のセル 3-3番目のセル 3-4番目のセル

このショートコード

セルホバー時に任意のフォントカラーと背景カラーを指定したテーブル

ここをタップして表示Close
1列目タイトル 2列目タイトル 3列目タイトル 4列目タイトル
1-1番目のセル 1-2番目のセル 1-3番目のセル 1-4番目のセル
2-1番目のセル 2-2番目のセル 2-3番目のセル 2-4番目のセル
3-1番目のセル 3-2番目のセル 3-3番目のセル 3-4番目のセル

このショートコード

ソート(並べ替え)機能を有効にしたテーブル

ここをタップして表示Close
日付 ひらがな アルファベット 金額 割合
2003/7/10 なにぬねの Candy ¥5,429 44%
2000/10/25 かきくけこ Fruit ¥1,980 78%
2014/7/16 やゆよわをん Apple ¥34,869 8%
2014/12/24 はひふへほ Graphic ¥20,082 63%

このショートコード