Table

種類	説明
Normal	標準
Compact	標準
Manyrows	標準
.table-ut-definition	単語とその説明。シンプル
Sticky	見出し行・列を固定
Comparison	比較表

.table-ut-normal

TH theadなしは左より。幅指定するときは1行目を	TH
みんなかやろて	それでセロへは譜前工合をみんな虎をまでわらいた子のようにだいへぱたっととまっからちょっとになおしてっます。
こっちでも拍子から	いやま狩の居りましときのようににやにやけした子のようた外国へぶんへんを行っでた。ところが手は夜通し見て遠く見ているませ。セロも思わずやめましだ。ゴーシュへむずかしいれてまるで夜中に食うませうちもきかたた。

---

.table-ut-normal theadなどあり

thead th	thead th
みんなかやろて	それでセロへは譜前工合をみんな虎をまでわらいた子のようにだいへぱたっととまっからちょっとになおしてっます。
こっちでも拍子から	いやま狩の居りましときのようににやにやけした子のようた外国へぶんへんを行っでた。ところが手は夜通し見て遠く見ているませ。セロも思わずやめましだ。ゴーシュへむずかしいれてまるで夜中に食うませうちもきかたた。
tfoot td	tfoot td

すきなもの

カレーライス

サンプル

注釈サンプルサンプルサンプルサンプルサンプルサンプルサンプル

※3

注釈サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル

※14

注釈サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル注釈サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル

---

.table-ut-normal.type-fixed

	第1四半期	第2四半期	第3四半期	通期
商号	xxxx
創業	18xx年
設立	19xx年

• ※1それのようだキャベジへなあ、ドレミファたり小太鼓とへんじと同じとまげて何さんをなっようがなりたのです。」と思うたな。
• ※2ときのようににやにやけそれのようだキャベジへなあ、へんじと同じとまげて何さんをなっようがなりたのです。」と思うたな。

---

.table-ut-normal .type-nowrap

• table-ut-xx に .type-nowrap →表全体
• tr に .type-nowrap →行全体
• td, th に .type-nowrap →セル単体

	第1四半期	第2四半期	第3四半期	通期
行 .type-nowrap	xxxx		この行の中のセルならどこでも改行されない。この行の中のセルならどこでも改行されない。
創業	セル .type-nowrap このセルなら改行されない。
設立	19xx年

	第1四半期	第2四半期	第3四半期	通期
行	xxxx		この表の中のセルならどこでも改行されない。この行の中のセルならどこでも改行されない。
創業	セル .type-nowrap この表の中のセルなら改行されない。

---

会社概要 .table-ut-normal

商号	xxxx株式会社（xxxx Corporation）
創業	18xx年（明治xx年）xx月xx日
設立	19xx年（大正xx年）xx月xx日
資本金	1億xxx万円（平成29年3月31日現在）
本社所在地	〒xxx-xxxx 東京都xxxx 4-3-7 TEL：03-9999-9999
代表者	代表取締役社長 xxxx xxx
従業員数	xxx名（平成29年3月31日現在）
事業内容	xxx, xxx, xxx, xxx
売上	xxx億円（平成29年3月期）

---

会社概要 .table-ut-normal.adjust-blankspace-compact

商号	xxxx株式会社（xxxx Corporation）
創業	18xx年（明治xx年）xx月xx日
設立	19xx年（大正xx年）xx月xx日
資本金	1億xxx万円（平成29年3月31日現在）
本社所在地	〒xxx-xxxx 東京都xxxx 4-3-7 TEL：03-9999-9999
代表者	代表取締役社長 xxxx xxx
従業員数	xxx名（平成29年3月31日現在）
事業内容	xxx, xxx, xxx, xxx
売上	xxx億円（平成29年3月期）

---

会社概要 .table-ut-normal.type-sp-vertical

商号	xxxx株式会社（xxxx Corporation）
創業	18xx年（明治xx年）xx月xx日
設立	19xx年（大正xx年）xx月xx日
資本金	1億xxx万円（平成29年3月31日現在）
本社所在地	〒xxx-xxxx 東京都xxxx 4-3-7 TEL：03-9999-9999
代表者	代表取締役社長 xxxx xxx
従業員数	xxx名（平成29年3月31日現在）
事業内容	xxx, xxx, xxx, xxx
売上	xxx億円（平成29年3月期）

---

会社概要 .table-ut-normal.type-okaka

見出しセルと枠線の色が同じ

xxx
創業	18xx年（明治xx年）xx月xx日
設立	19xx年（大正xx年）xx月xx日
資本金	1億xxx万円（平成29年3月31日現在）
本社所在地	〒xxx-xxxx 東京都xxxx 4-3-7 TEL：03-9999-9999
代表者	代表取締役社長 xxxx xxx
従業員数	xxx名（平成29年3月31日現在）
事業内容	xxx, xxx, xxx, xxx
売上	xxx億円（平成29年3月期）

行 交互で色違い

.type-line-bg-odd

TH	TH	TH	TH	TH
みんな	それで	セロへ	は譜前	前工合
こから	セロへ	は譜前	前工合	それで
みんな	それで	セロへ	は譜前	前工合
こから	セロへ	は譜前	前工合	それで
みんな	それで	セロへ	は譜前	前工合
こから	セロへ	は譜前	前工合	それで
みんな	それで	セロへ	は譜前	前工合
こから	セロへ	は譜前	前工合	それで

.table-ut-compact

TH theadなしは左より	TH
みんなかやろて	それでセロへは譜前工合
こっちでも拍子から	いやま狩の居りましときのよう

---

.type-line-bg-even

TH	TH	TH	TH	TH
みんな	それで	セロへ	は譜前	前工合
こから	セロへ	は譜前	前工合	それで
みんな	それで	セロへ	は譜前	前工合
こから	セロへ	は譜前	前工合	それで
みんな	それで	セロへ	は譜前	前工合
こから	セロへ	は譜前	前工合	それで
みんな	それで	セロへ	は譜前	前工合
こから	セロへ	は譜前	前工合	それで

---

タイムテーブル .table-ut-compact.type-okaka

	12:00	14:00	16:00	19:00
8/15		★	●
8/16		★	●
8/17		★	●

.table-ut-terms

めだたない感じ。幅100%で入れ物に従う感じ

.table-ut-definition

項目説明用

デザインや配置	寒いのにはどうしても我慢が出来ん。吾輩は再びおさんの隙すきを見て台
結束やまとまり	仕方がないからとにかく明るくて暖かそうな方へ方へとあるいて行く。今から考えるとその時はすでに家の内に這入っておったのだ。ここで吾輩は彼かの書生以外の人間を再び見るべき機会に遭遇そうぐうしたのである。
デザインや配置	寒いのにはどうしても我慢が出来ん。吾輩は再びおさんの隙すきを見て台
その他の表現	すると例の神経胃弱性の主人は必かならず眼をさまして次の部屋から飛び出
デザインや配置	寒いのにはどうしても我慢が出来ん。吾輩は再びおさんの隙すきを見て台
話し方や態度	い上っては投げ出され、何でも同じ事を四五遍繰り返したのを記憶している。その時におさんと云う者はつくづくいやになった。この間おさんの三馬さんまを

行多い

.table-ut-manyrows

TH	TH	TH
みんな	それで	セロへ
みんな	それで	セロへ
みんな	それで	セロへ
みんな	それで	セロへ
みんな	それで	セロへ
みんな	それで	セロへ
みんな	それで	セロへ

---

.table-ut-manyrows.type-okaka

豊かに暮しているらしい 透明なる光線	一体車屋と教師とは 追ってそう願う	一と月とたたねえうちに 骨と皮ばかり
みんな	それで	セロへ
みんな left	それで	セロへ
みんな	それで	セロへ
みんな	それで	セロへ
みんな	それで	セロへ
みんな	それで	セロへ
みんな	それで	セロへ

Table Sticky A

最上部の行と一番左の見出し列が固定。スマホのみ

Table Sticky A okaka

見出し行・列を固定

Comparison Table A

Comparison Table B