コスパ太のコスパ命BLOG

ヘッダがない場合

[table width=”100%” class=””]
[tablerow align=”center” width=”160px” class=”” bgcolor=””]
[tablecell align=”center” class=”” bgcolor=””]
1-1番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
1-2番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
1-3番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
1-4番目のセル
[/tablecell]
[/tablerow]
[tablerow align=”center” class=”” bgcolor=””]
[tablecell align=”center” class=”” bgcolor=”””]
2-1番目のセル
[/tablecell]
[tablecell class=”blue icon-crown” bgcolor=”#F4FEC9″]
2-2番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
2-3番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
2-4番目のセル
[/tablecell]
[/tablerow]
[tablerow align=”center” class=”” bgcolor=””]
[tablecell align=”center” class=”” bgcolor=””]
3-1番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
3-2番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
3-3番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
3-4番目のセル
[/tablecell]
[/tablerow]
[/table]

このショートコード

[table width="100%" class=""]
[tablerow align="center" width="160px" class="" bgcolor=""]
[tablecell align="center" class="" bgcolor=""]
1-1番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
1-2番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
1-3番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
1-4番目のセル
[/tablecell]
[/tablerow]
[tablerow align="center" class="" bgcolor=""]
[tablecell align="center" class="" bgcolor="""]
2-1番目のセル
[/tablecell]
[tablecell class="blue icon-crown" bgcolor="#F4FEC9"]
2-2番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
2-3番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
2-4番目のセル
[/tablecell]
[/tablerow]
[tablerow align="center" class="" bgcolor=""]
[tablecell align="center" class="" bgcolor=""]
3-1番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
3-2番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
3-3番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
3-4番目のセル
[/tablecell]
[/tablerow]
[/table]

行ヘッダがある場合

[table width=”100%” class=””]
[tablerow title=”1行目タイトル” icon=”icon-crown” align=”center” class=”” bgcolor=””]
[tablecell align=”center” class=”” bgcolor=””]
1-2番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
1-3番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
1-4番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
1-5番目のセル
[/tablecell]
[/tablerow]
[tablerow title=”2行目タイトル” icon=”icon-warmedal” align=”center” class=”” bgcolor=””]
[tablecell align=”center” class=”” bgcolor=”””]
2-2番目のセル
[/tablecell]
[tablecell class=”blue icon-crown” bgcolor=”#F4FEC9″]
2-3番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
2-4番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
2-5番目のセル
[/tablecell]
[/tablerow]
[tablerow title=”3行目タイトル” icon=”icon-star” align=”center” class=”” bgcolor=””]
[tablecell align=”center” class=”” bgcolor=””]
3-2番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
3-3番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
3-4番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
3-5番目のセル
[/tablecell]
[/tablerow]
[/table]

このショートコード

[table width="100%" class=""]
[tablerow title="1行目タイトル" icon="icon-crown" align="center" class="" bgcolor=""]
[tablecell align="center" class="" bgcolor=""]
1-2番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
1-3番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
1-4番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
1-5番目のセル
[/tablecell]
[/tablerow]
[tablerow title="2行目タイトル" icon="icon-warmedal" align="center" class="" bgcolor=""]
[tablecell align="center" class="" bgcolor="""]
2-2番目のセル
[/tablecell]
[tablecell class="blue icon-crown" bgcolor="#F4FEC9"]
2-3番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
2-4番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
2-5番目のセル
[/tablecell]
[/tablerow]
[tablerow title="3行目タイトル" icon="icon-star" align="center" class="" bgcolor=""]
[tablecell align="center" class="" bgcolor=""]
3-2番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
3-3番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
3-4番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
3-5番目のセル
[/tablecell]
[/tablerow]
[/table]

列ヘッダがある場合

[table width=”100%” class=””]
[tablehead title=”1列目タイトル,2列目タイトル,3列目タイトル,4列目タイトル” icon=”icon-safe,,icon-credit,icon-dollar” caption=”ここをタップして表示”]
[tablerow align=”center” class=”” bgcolor=””]
[tablecell align=”center” class=”” bgcolor=””]
1-1番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
1-2番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
1-3番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
1-4番目のセル
[/tablecell]
[/tablerow]
[tablerow align=”center” class=”” bgcolor=””]
[tablecell align=”center” class=”” bgcolor=”””]
2-1番目のセル
[/tablecell]
[tablecell class=”blue icon-crown” bgcolor=”#F4FEC9″]
2-2番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
2-3番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
2-4番目のセル
[/tablecell]
[/tablerow]
[tablerow align=”center” class=”” bgcolor=””]
[tablecell align=”center” class=”” bgcolor=””]
3-1番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
3-2番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
3-3番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
3-4番目のセル
[/tablecell]
[/tablerow]
[/tablehead]
[/table]

このショートコード

[table width="100%" class=""]
[tablehead title="1列目タイトル,2列目タイトル,3列目タイトル,4列目タイトル" icon="icon-safe,,icon-credit,icon-dollar" caption="ここをタップして表示"]
[tablerow align="center" class="" bgcolor=""]
[tablecell align="center" class="" bgcolor=""]
1-1番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
1-2番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
1-3番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
1-4番目のセル
[/tablecell]
[/tablerow]
[tablerow align="center" class="" bgcolor=""]
[tablecell align="center" class="" bgcolor="""]
2-1番目のセル
[/tablecell]
[tablecell class="blue icon-crown" bgcolor="#F4FEC9"]
2-2番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
2-3番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
2-4番目のセル
[/tablecell]
[/tablerow]
[tablerow align="center" class="" bgcolor=""]
[tablecell align="center" class="" bgcolor=""]
3-1番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
3-2番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
3-3番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
3-4番目のセル
[/tablecell]
[/tablerow]
[/tablehead]
[/table]

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

[table width=”100%” class=””]
[tablehead title=”,2列目タイトル,3列目タイトル,4列目タイトル,5列目タイトル” icon=”,icon-safe,icon-star,icon-credit,icon-dollar”]
[tablerow title=”1行目タイトル” align=”center” class=”” bgcolor=””]
[tablecell align=”center” class=”” bgcolor=””]
1-2番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
1-3番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
1-4番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
1-5番目のセル
[/tablecell]
[/tablerow]
[tablerow title=”2行目タイトル” align=”center” class=”” bgcolor=””]
[tablecell align=”center” class=”” bgcolor=”””]
2-2番目のセル
[/tablecell]
[tablecell class=”blue” bgcolor=”#F4FEC9″]
2-3番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
2-4番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
2-5番目のセル
[/tablecell]
[/tablerow]
[tablerow title=”3行目タイトル” align=”center” class=”” bgcolor=””]
[tablecell align=”center” class=”” bgcolor=””]
3-2番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
3-3番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
3-4番目のセル
[/tablecell]
[tablecell align=”center” class=”” bgcolor=””]
3-5番目のセル
[/tablecell]
[/tablerow]
[/tablehead]
[/table]

このショートコード

[table width="100%" class=""]
[tablehead title=",2列目タイトル,3列目タイトル,4列目タイトル,5列目タイトル" icon=",icon-safe,icon-star,icon-credit,icon-dollar"]
[tablerow title="1行目タイトル" align="center" class="" bgcolor=""]
[tablecell align="center" class="" bgcolor=""]
1-2番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
1-3番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
1-4番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
1-5番目のセル
[/tablecell]
[/tablerow]
[tablerow title="2行目タイトル" align="center" class="" bgcolor=""]
[tablecell align="center" class="" bgcolor="""]
2-2番目のセル
[/tablecell]
[tablecell class="blue" bgcolor="#F4FEC9"]
2-3番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
2-4番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
2-5番目のセル
[/tablecell]
[/tablerow]
[tablerow title="3行目タイトル" align="center" class="" bgcolor=""]
[tablecell align="center" class="" bgcolor=""]
3-2番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
3-3番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
3-4番目のセル
[/tablecell]
[tablecell align="center" class="" bgcolor=""]
3-5番目のセル
[/tablecell]
[/tablerow]
[/tablehead]
[/table]

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

[table width=”100%” highlight=true]
[tablehead title=”1列目タイトル,2列目タイトル,3列目タイトル,4列目タイトル”]
[tablerow　width=”160px”]
[tablecell]
1-1番目のセル
[/tablecell]
[tablecell]
1-2番目のセル
[/tablecell]
[tablecell]
1-3番目のセル
[/tablecell]
[tablecell]
1-4番目のセル
[/tablecell]
[/tablerow]
[tablerow]
[tablecell]
2-1番目のセル
[/tablecell]
[tablecell]
2-2番目のセル
[/tablecell]
[tablecell]
2-3番目のセル
[/tablecell]
[tablecell]
2-4番目のセル
[/tablecell]
[/tablerow]
[tablerow]
[tablecell]
3-1番目のセル
[/tablecell]
[tablecell]
3-2番目のセル
[/tablecell]
[tablecell]
3-3番目のセル
[/tablecell]
[tablecell]
3-4番目のセル
[/tablecell]
[/tablerow]
[/tablehead]
[/table]

このショートコード

[table width="100%" highlight=true]
[tablehead title="1列目タイトル,2列目タイトル,3列目タイトル,4列目タイトル"]
[tablerow　width="160px"]
[tablecell]
1-1番目のセル
[/tablecell]
[tablecell]
1-2番目のセル
[/tablecell]
[tablecell]
1-3番目のセル
[/tablecell]
[tablecell]
1-4番目のセル
[/tablecell]
[/tablerow]
[tablerow]
[tablecell]
2-1番目のセル
[/tablecell]
[tablecell]
2-2番目のセル
[/tablecell]
[tablecell]
2-3番目のセル
[/tablecell]
[tablecell]
2-4番目のセル
[/tablecell]
[/tablerow]
[tablerow]
[tablecell]
3-1番目のセル
[/tablecell]
[tablecell]
3-2番目のセル
[/tablecell]
[tablecell]
3-3番目のセル
[/tablecell]
[tablecell]
3-4番目のセル
[/tablecell]
[/tablerow]
[/tablehead]
[/table]

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

[table width=”100%” highlight=true hoverrowbgcolor=”#aae8e9″ hoverrowfontcolor=”#465f60″ hovercellbgcolor=”#23b5df” hovercellfontcolor=”#fff”]
[tablehead title=”1列目タイトル,2列目タイトル,3列目タイトル,4列目タイトル”]
[tablerow align=”center” width=”160px”]
[tablecell]
1-1番目のセル
[/tablecell]
[tablecell]
1-2番目のセル
[/tablecell]
[tablecell]
1-3番目のセル
[/tablecell]
[tablecell]
1-4番目のセル
[/tablecell]
[/tablerow]
[tablerow]
[tablecell]
2-1番目のセル
[/tablecell]
[tablecell]
2-2番目のセル
[/tablecell]
[tablecell]
2-3番目のセル
[/tablecell]
[tablecell]
2-4番目のセル
[/tablecell]
[/tablerow]
[tablerow]
[tablecell]
3-1番目のセル
[/tablecell]
[tablecell]
3-2番目のセル
[/tablecell]
[tablecell]
3-3番目のセル
[/tablecell]
[tablecell]
3-4番目のセル
[/tablecell]
[/tablerow]
[/tablehead]
[/table]

このショートコード

[table width="100%" highlight=true hoverrowbgcolor="#aae8e9" hoverrowfontcolor="#465f60" hovercellbgcolor="#23b5df" hovercellfontcolor="#fff"]
[tablehead title="1列目タイトル,2列目タイトル,3列目タイトル,4列目タイトル"]
[tablerow align="center" width="160px"]
[tablecell]
1-1番目のセル
[/tablecell]
[tablecell]
1-2番目のセル
[/tablecell]
[tablecell]
1-3番目のセル
[/tablecell]
[tablecell]
1-4番目のセル
[/tablecell]
[/tablerow]
[tablerow]
[tablecell]
2-1番目のセル
[/tablecell]
[tablecell]
2-2番目のセル
[/tablecell]
[tablecell]
2-3番目のセル
[/tablecell]
[tablecell]
2-4番目のセル
[/tablecell]
[/tablerow]
[tablerow]
[tablecell]
3-1番目のセル
[/tablecell]
[tablecell]
3-2番目のセル
[/tablecell]
[tablecell]
3-3番目のセル
[/tablecell]
[tablecell]
3-4番目のセル
[/tablecell]
[/tablerow]
[/tablehead]
[/table]

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

[table width=”100%” sort=true highlight=true]
[tablehead title=”日付,ひらがな,アルファベット,金額,割合”]
[tablerow width=”160px”]
[tablecell]
2003/7/10
[/tablecell]
[tablecell]
なにぬねの
[/tablecell]
[tablecell]
Candy
[/tablecell]
[tablecell]
¥5,429
[/tablecell]
[tablecell]
44%
[/tablecell]
[/tablerow]
[tablerow]
[tablecell]
2000/10/25
[/tablecell]
[tablecell]
かきくけこ
[/tablecell]
[tablecell]
Fruit
[/tablecell]
[tablecell]
¥1,980
[/tablecell]
[tablecell]
78%
[/tablecell]
[/tablerow]
[tablerow]
[tablecell]
2014/7/16
[/tablecell]
[tablecell]
やゆよわをん
[/tablecell]
[tablecell]
Apple
[/tablecell]
[tablecell]
¥34,869
[/tablecell]
[tablecell]
8%
[/tablecell]
[/tablerow]
[tablerow]
[tablecell]
2014/12/24
[/tablecell]
[tablecell]
はひふへほ
[/tablecell]
[tablecell]
Graphic
[/tablecell]
[tablecell]
¥20,082
[/tablecell]
[tablecell]
63%
[/tablecell]
[/tablerow]
[/tablehead]
[/table]

このショートコード

[table width="100%" sort=true highlight=true]
[tablehead title="日付,ひらがな,アルファベット,金額,割合"]
[tablerow width="160px"]
[tablecell]
2003/7/10
[/tablecell]
[tablecell]
なにぬねの
[/tablecell]
[tablecell]
Candy
[/tablecell]
[tablecell]
¥5,429
[/tablecell]
[tablecell]
44%
[/tablecell]
[/tablerow]
[tablerow]
[tablecell]
2000/10/25
[/tablecell]
[tablecell]
かきくけこ
[/tablecell]
[tablecell]
Fruit
[/tablecell]
[tablecell]
¥1,980
[/tablecell]
[tablecell]
78%
[/tablecell]
[/tablerow]
[tablerow]
[tablecell]
2014/7/16
[/tablecell]
[tablecell]
やゆよわをん
[/tablecell]
[tablecell]
Apple
[/tablecell]
[tablecell]
¥34,869
[/tablecell]
[tablecell]
8%
[/tablecell]
[/tablerow]
[tablerow]
[tablecell]
2014/12/24
[/tablecell]
[tablecell]
はひふへほ
[/tablecell]
[tablecell]
Graphic
[/tablecell]
[tablecell]
¥20,082
[/tablecell]
[tablecell]
63%
[/tablecell]
[/tablerow]
[/tablehead]
[/table]