表(テーブル)に関する機能の説明と使用例です。
デフォルト設定は横長の表で、タイトルは表の左側に表示されます。tdの内容欄に入力フォームがない場合に使用できます。
表(テーブル)内に入力フォームのタグが含まれている場合、ec-base-tableモジュールにtypeWriteクラスを追加します。
リストタイプは縦長の表で、タイトルは表の上部に表示されます。ec-base-tableモジュールにtypeListクラスを追加します。
ec-base-tableモジュールにgCellNarrowクラスを追加すると、セルの上下のマージン値が通常より小幅に設定されます。
table内のコンテンツを整列させたい場合、left / center / right / middleクラスを追加して整列を行うことができます。
表の上部エリアと罫線が重なる場合、上部の罫線を非表示(削除)にするための機能です。ec-base-tableモジュールにgClearBorderTopクラスを追加します。
表の外側の罫線(外枠)を非表示(削除)にするための機能です。ec-base-tableモジュールにgClearBorderクラスを追加します。
表の内側の罫線を非表示(削除)にするための機能です。
表同士の境界を線で分けて表示したい場合、gLineTopクラスを使用して表の上部に罫線を追加することができます。
フォールドの中に表(テーブル)を利用してコンテンツを組み込む場合に使用できます。