MENU
お知らせ内容をここに入力できます。 詳しくはこちら

SWELL(スウェル):テーブル(表)の表示例

  • URLをコピーしました!
目次

テーブルのスタイル

SWELLのテーブル(表)は4種類のスタイルに変更可能です。

デフォルト

デフォルトの表デフォルトの表
デフォルトの表デフォルトの表
デフォルトの表デフォルトの表

ストライプ

ストライプの表ストライプの表
ストライプの表ストライプの表
ストライプの表ストライプの表

シンプル

シンプルの表シンプルの表
シンプルの表シンプルの表
シンプルの表シンプルの表

二重線

二重線の表二重線の表
二重線の表二重線の表
二重線の表二重線の表

テーブルのテキスト色変更

テーブル内のテキストの色を変更可能です。

テキスト色の変更テキスト色の変更
テキスト色の変更テキスト色の変更
テキスト色の変更テキスト色の変更

テーブルの背景色の変更

テーブル内の背景色を変更可能です。

背景色の変更背景色の変更
背景色の変更背景色の変更
背景色の変更背景色の変更

テーブルのタイポグラフィ設定

テーブルのタイポグラフィ設定の実際表示です。

タイポグラフィ設定(S)

タイポグラフィ設定(S)タイポグラフィ設定(S)
タイポグラフィ設定(S)タイポグラフィ設定(S)
タイポグラフィ設定(S)タイポグラフィ設定(S)

タイポグラフィ設定(M)

タイポグラフィ設定(M)タイポグラフィ設定(M)
タイポグラフィ設定(M)タイポグラフィ設定(M)
タイポグラフィ設定(M)タイポグラフィ設定(M)

タイポグラフィ設定(L)

タイポグラフィ設定(L)タイポグラフィ設定(L)
タイポグラフィ設定(L)タイポグラフィ設定(L)
タイポグラフィ設定(L)タイポグラフィ設定(L)

タイポグラフィ設定(XL)

タイポグラフィ設定(XL)タイポグラフィ設定(XL)
タイポグラフィ設定(XL)タイポグラフィ設定(XL)
タイポグラフィ設定(XL)タイポグラフィ設定(XL)

タイポグラフィ設定(XXL)

タイポグラフィ設定(XXL)タイポグラフィ設定(XXL)
タイポグラフィ設定(XXL)タイポグラフィ設定(XXL)
タイポグラフィ設定(XXL)タイポグラフィ設定(XXL)

設定

ヘッダーセクション

ヘッダーセクションヘッダーセクション
サンプルサンプル
サンプルサンプル
サンプルサンプル

フッターセクション

サンプルサンプル
サンプルサンプル
サンプルサンプル
フッターセクションフッターセクション

セルの結合・分割

セルを結合することができます。
サンプルサンプル
サンプルサンプル

テーブル設定

テーブル全体のフォントサイズを変更可能(例:50ピクセル)

サンプルサンプル
サンプルサンプル
サンプルサンプル

テーブル1列目の線幅(例:100ピクセル)

サンプルサンプル
サンプルサンプル
サンプルサンプル

テーブル全体の中央揃え設定(垂直・水平)

サンプルサンプル
サンプルサンプル
サンプルサンプル

縦1列目を強調する

サンプルサンプル
サンプルサンプル
サンプルサンプル

テーブルヘッダー設定

サンプルサンプル
サンプルサンプル
サンプルサンプル
サンプルサンプル

この記事が気に入ったら
いいねしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次