テーブルユニットV17

シンプルな表をより直感的に、ほとんど”見たまま”作成できます。

※作成例

編集画面
作成された表

PC・タブレット・スマホ設定

設定手順はすべて共通です。
SP設定を「する」にして設定画面を切り替えると、スマートフォン表示専用の設定が可能です。

テーブルV17編集画面

基本操作
  • セルを結合する場合は隣接する複数のセル(縦方向・横方向)を選択し、「結合」ボタンをクリックします。
  • 列・行を追加する場合は先頭の列・行をクリックし、左右・上下どちらに追加するか選択します。

各手順は、セルを右クリックすることでも操作できます。

①アイコンの用途

テーブルユニットマニュアル画像
セルを結合する/分離する/一手順前に戻す
テーブルユニットマニュアル画像
セルを通常文にする/セルを見出しにする
テーブルユニットマニュアル画像
セル内の文字を左寄せ/中央寄せ/右寄せ
テーブルユニットマニュアル画像
リンクを開く/別ウィンドウで開く/解除する
テーブルユニットマニュアル画像
折り返しなし(文字を折り返さずに表示)
セル内の文字を上揃え/中央揃え/下揃え
※プルダウンで選択

②列幅

テーブルユニットマニュアル画像
セルの列幅を設定します。(有効な値:px、%、em)

③テーブルオプション

テーブルユニットマニュアル画像
  • 基本列幅…列幅を おまかせ(文字数に合わせ調整)/均一(均等)から設定します。
     
  • TH…見出しセルの背景と文字の色を設定します。
     
  • TD…通常文セルの背景と文字の色を設定します。
     
  • ボーダー…表の罫線の色と太さを設定します。

④デザインオプション

簡易設定

テーブルユニットマニュアル画像
  • 背景色…ユニットに背景色をつけます。
    ※簡易設定では任意の背景色は選択できません。
     
  • 枠線…ユニットの外枠に枠線をつけます。
    ※なし/実線/点線から選択します。
     
  • 下方スペース…ユニット下部に余白をつけます。
    ※なし〜広いの4段階から選択します。

詳細設定

テーブルユニットマニュアル画像
  • 背景…ユニットの背景を装飾します。

    背景色…ユニットに任意の背景色をつけます。
    背景画像…ユニットに任意の背景画像をつけます。
    背景画像サイズ…背景画像の表示方法を設定します。
    背景リピート…背景画像の繰り返し表示を設定します。
    ポジション…背景画像の表示基準位置を設定します。
     
  • ボーダー…ユニットの外枠を装飾します。

    スタイル…枠線の種類を選択します。
    サイズ…枠線の太さを設定します。
    カラー…枠線の色を選択します。
    ラウンド…枠線の角に丸みをつけます。
     
  • 余白…ユニットの外側の余白を設定します。

    マージン…ユニット外側に余白を設定します。(有効な値:px、%)
    パディング…ユニット内側に余白を設定します。(有効な値:px、%)

スマートフォンの設定

SP設定を「する」にすると、SPタブが表示され、スマートフォン表示専用の設定画面に切り替えることができます。
スマートフォン設定のテーブルオプションのみ、「スクロール設定」という項目があります。
テーブルユニットマニュアル画像
「横スクロールで表示する」にチェックを入れると、さらに項目が表示されます。
 
  • 案内を表示…横スクロールに関する案内を表示します。
     
  • 影を表示…作成した表に陰影を表示します。

未設定の場合

スクロール設定が未設定の場合、作成した表はスマートフォンの表示幅に合わせて表示されます。

設定した場合

  • 案内を表示…「※横スクロールして閲覧ください」という案内文を表示します。
     
  • 影を表示…表がスマートフォンの表示幅からはみ出す場合に、陰影で横スクロールを促します。

ページトップ