---
url: "/ja/emailify/elements/table.md"
description: "メールのコンテンツ用に、行と列を持つデータテーブルを作成します。"
---

# データテーブル

> メールのコンテンツ用に、行と列を持つデータテーブルを作成します。

**🪑 Data Table**要素レイヤーを使うと、コンテンツを複数の行と列を持つHTMLテーブルとしてレンダリングできます。行や列を増やしたい場合は、最初に作成されたテーブル行やテーブルのデータセルのFigmaレイヤーをコピー＆ペーストします。

初期設定では、**🪑 Data Table**はデスクトップとモバイルで同じように表示されます。テーブルに列を3つ以上追加する場合は、テーブルの幅に注意してください。

アイコンとテキストを並べたコンパクトなテーブルやチェックリスト形式の行の場合は、メインの**🪑 Data Table**レイヤーを選択して**Settings**を開き、**Mobile Alignment**を有効にして**Center**を選択します。左右のパディングに頼らずに、モバイルでテーブルの構造そのものを中央揃えにできます。これにより、テーブル内のアイコンとテキストの間隔を保ったまま、まとまったコンテンツを中央に配置できます。

## 「Quick Add」機能で新しいEmailifyレイヤーを追加する {#using-the-quick-add-feature-to-add-new-emailify-layers}

[Video](/assets/videos/emailify/element-contexts.mp4)

Emailifyでは、Figmaのデザインにレイヤーとして追加される専用のレイアウトブロックとコンテンツ要素を使ってデザインを組み立て、プラグインからHTMLにエクスポートできます。

これらのレイアウトブロックやコンテンツ要素を追加するには、Emailifyフレームを1つ以上作成しておき、そのフレームをクリックします。プラグイン下部に**Quick Add Element**コンテキストメニューが自動で表示されるので、追加したい要素をクリックし、**Add +** ボタンをクリックすると、選択したレイヤーに追加されます。

> **Tip:** コンテキストメニューに表示されるオプションは、現在選択しているFigmaのレイヤーに応じて変わります。