ReoGrid ReoGrid Web
merge layout grouped-headers lite

セル結合&レイアウト

タイトル、グループヘッダー、サイドラベル、複雑な多層テーブルレイアウトのためのセル結合。

デモの解説

このデモはセル結合を使った複雑な表レイアウトの組み方を示します。請求書・レポート・フォームで Excel と同じ手法が使えます。

  • タイトルセルは複数列にわたって結合し、全幅のヘッダーを作成
  • グループ化された列ヘッダーは 2 行構造:上段の結合ラベルが下段のサブ列にまたがる
  • 左端の側ラベルは垂直方向に結合して行グループを見出し表示
  • コーナーセル・区切り・余白行は空の結合範囲で作成
  • 結合は A1 形式の文字列(例:'A1:E1')または行/列インデックスで指定

主要 API

ws.range(ref).merge()

範囲内の全セルを1つの論理セルに結合(例:'A1:E1')

ws.cell(row, col).setValue(value)

結合セルの表示値を設定(左上セルに値が固定)

ws.row(index).setHeight(px)

余白・パディング行のピクセル高さを設定

ws.column(index).setWidth(px)

列のピクセル幅を設定

関連ドキュメント

関連デモ

ニュースレター

開発の最新情報をお届けします

新しいリリース・機能追加・お知らせをいち早く受け取るには、
メーリングリストにご登録ください。