Table ブロック

Table ブロックはドキュメントの中にセルの格子を並べます — 行が項目、列がフィールド。比較表、価格表、シンプルなデータレイアウト、あるいはフォームが流れる段落ではなく横並びの構造を必要とする場面に使います。

1 · テーブルを挿入する

空白行でスラッシュを入力し、メニューから Table を選びます — 「table」も「grid」も直接ヒットします。タイプよりクリック派なら、上部ツールバーの Insert ポップオーバーに同じ項目があります。新しいテーブルは 3×3 の格子としてカーソル位置に出現し、最初のセルにフォーカスが入った状態でそのまま入力できます。

セルにはプレーンテキストだけが入ります — ネストしたブロックも、画像も、入力欄も入りません。これにより記入は速く、スマートフォン画面でも崩れにくくなります。Tab で次のセル、Shift-Tab で前のセル。最後のセルで Tab を押すとテーブルから抜けて、下に続けて入力できます。

/table と入力するとスラッシュメニューがフィルタされ、Insert component の下に Table が表示される
空白行で /table と入力 — 一致するのは Table のみ。

2 · 行・列・サイズ

任意の行や列にマウスを置くと、縁に小さなハンドルが現れます。ハンドルを上下や左右にドラッグして行や列を並べ替えられ、クリックすると削除ポップアップが開きます。最後の行のすぐ下に「+ 行を追加」のアフォーダンスがあるので、クリックで一行追加できます。列の追加はそのハンドルのメニューから、あるいはセルにカーソルを置いてから上部ツールバーの「左に列を追加 / 右に列を追加」アクションを使います。

列幅は二つの列の境界からドラッグできます:右にひけば広く、左にひけば狭くなります。同じ境界をダブルクリックすると、列を内容に自動フィットさせられます — 一つの列に長いフレーズが入っていて、ほかは狭いままにしたいときに便利です。幅はドキュメントとともに保存されるので、設定したとおりに記入者にも見えます。

エディタに空の 3×3 テーブルが挿入され、行と列の区切り線が見える状態
カーソル位置に 3×3 の空テーブルが現れ、最初のセルにフォーカス。

3 · 3 つのスタイル

Table は最初から 3 つのバリアントを備えています。Default は全セルに罫線を引きます — データ密度の高い表に向きます。Borderless は罫線を落とした静かな見た目 — 主に文字ラベルを並べる表に向きます。With Heading は最初の行をヘッダ風に整えます(太め+控えめな背景色) — 上段が下の列のラベルになるときに最適です。

スタイルの切り替えは上部ツールバーのテーブル制御ポップオーバーから — テーブル内のどこかにカーソルを置けば現れます。設定はテーブルごとに保存され、ドキュメント全体ではないので、同じフォーム内でも二つのテーブルで違うスタイルを使えます。各スタイルは公開フォーム URL での見え方とエディタでの見え方が同じです。

テーブルスタイルのドロップダウンが開き、3 つの選択肢を表示 — Default(選択中)/ Borderless / With Heading
ツールバーからスタイルを切り替え — 3 種類、テーブルごとに保存。

次のステップ

テンプレートに置けるすべてのコンテンツブロック・記入可能ブロックの一覧は Block types にあります — 新しいフォームを組むたびに戻ってこられる参考リファレンスです。