全商品一覧を見る

内容を見る


タイプ

デフォルト

デフォルト設定は横長の表で、タイトルは表の左側に表示されます。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クラスを使用して表の上部に罫線を追加することができます。

罫線表示

表(テーブル)+フォールド

フォールドの中に表(テーブル)を利用してコンテンツを組み込む場合に使用できます。

表(テーブル)+フォールド


Top