テーブルの作り方

テーブルを独立したブロックとしてウェブサイトのページに追加する方法。
もっと見る
記事、資料、講義に表を追加する方法。
もっと見る
標準ブロックの本文中に表を追加する方法。
もっと見る
CL46ブロックによるテーブルの追加
テーブル・ブロックは、ブロック・ライブラリ(CL46)の "Columns "カテゴリにあります。
列、行、ヘッド
テーブルは行と列で構成される。列はセミコロン記号(;)で区切られる。行は改行(「Enter」ボタン)で区切られる。
ヘッドデータの例:
時間;クラスタイプ;講師

ボディデータの例:
08:00;ハタヨガ;ニック・エイブリー
10:30;ピラティス;ノラ・ジョンソン
13:00;エアロビクス;トム・バリー
幅と高さ
テーブルの一般的な幅は 、ブロックの「設定」パネルで調整できます。たとえば、列数や左インデントを指定できます。

列の幅は、ブロックの「コンテンツ」パネルで、パネルの一番下にあるそれぞれのフィールドで調整できます。単位はパーセントです。すべての数値の合計が100になるようにしてください。フィールドを空のままにすると、列の幅は同じになります。
幅の設定例:

50%;20%;30%
リンクとボタン
セルのテキストにリンクやボタンを追加することができます。link=http://mylink.com "または "button=http://mylink.com "を追加するだけで、セル全体の内容がリンクやボタンになります。
リンク例:

チケット;100ドル;詳細はこちら link=http://tilda.cc

ボタン例:

チケット;100ドル;詳細はこちら button=http://tilda.cc
リンクを(現在のタブではなく)新しいタブで開きたい場合は、ブロックの設定パネル → テーブル全体 → 「リンクを新しいタブで開く」チェックボックスを選択します。
モバイル版

1. テーブルをモバイルで表示するには、2つのオプションがある。テーブルは元のサイズを維持し、モバイル画面の端からはみ出します。
2.画面幅に合わせてテーブルのサイズを変更する


ヒント:列数が少なく(例えば2-3列)、コンテンツが少ない(図や簡潔なフレーズ)表については、モバイルデバイスでの幅の変更を許可する。
設定スケール1、ヘッドボーダーの色:#000000, ボーダーカラー:奇数列の背景色: #ffffff、偶数列の背景色: #ffffff:偶数行の背景色:#ffffff、偶数行の背景色:#eeeee#選択されたチェックボックス:「頭頂部のボーダーを隠す。
設定 スケール: 2, 頭部文字色:頭文字色: #ffffff、頭文字枠色: #ff8562、頭文字背景色: #ff8562背景色:#ff8562ボーダーカラー:#ff8562奇数行の背景色: #ffffff、偶数行の背景色: #ffffff:#偶数行の背景色:#ffffff、 チェックボックスを選択:"モバイルデバイスでテーブル幅の変更を有効にする"
ブロック・テキスト・エディターで表を追加する
のブロック・テキスト・エディターを使って表を追加できる:
TX24ブロックを例にテーブルの追加を見てみよう。
ブロック編集 "ボタンをクリックして、ブロック編集モードに入る。
表を追加するには、コンテンツの左側にあるプラスアイコンをクリックし、「表」要素を選択します。
テーブルを編集するには、3つの点をクリックしてアクションメニューを開きます。ここでは、境界線の色、テーブルの角の半径、幅によるテーブルの整列、テーブルの移動、削除、複製を選択できます。
表の行の左端にカーソルを合わせると表示される3つの点のボタンをクリックすると、テキストの色や行の背景色を指定したり、上下に新しい行を追加したり、行を削除したりすることができます。このボタンを押したままにすると、行を上下に移動させ、表内の行の順序を変更することができます。
表の列の上部にある3つの点のボタンをクリックすると、列の文字色や背景色を設定したり、列を左右に追加したり、列を削除したりすることができます。このボタンを押し続けると、列を左右に移動させることができます。
表に新しい行や列をすばやく追加するには、表の右と下の領域にマウスを置くと表示されるボタンをクリックします。
マウスの左ボタンで列の右境界線をドラッグすると、個々の列の幅を変更できます。
モバイル版では、画面幅を超える表は横スクロールバーで表示される。
標準ブロックのテキストに表を挿入する
ほとんどのライブラリ・ブロックでは、テキストエディタを使って表を挿入することができます。例えば、「テキスト・ブロック」カテゴリーからTX01「テキスト」ブロックを追加してみましょう。
ブロック「コンテンツ」またはページ編集モードでテキストフィールドをマウスで左クリック→表示されるコンテキストメニューで3つの点をクリック→「テーブル」オプションを選択。
表のセルをクリックすると、そのセルの右上に3つの点が付いたボタンが表示されます。このボタンをクリックすると、次のアクションを選択できます:

列を右に挿入
列を左に挿入
行を上に挿入
行を下に挿入
セルをマージ(複数のセルを選択)
セルをマージ解除
行を削除
列を削除
表を削除
モバイル版では、このような表は画面の幅に合わせて拡大縮小され、コンテンツが改行されることがある。
製造元
Tilda