ReoGrid ReoGrid Web
PRO outline grouping subtotal formula

アウトライン(グループ化)

3階層の行アウトライン(地域 → 国 → 拠点)× 1階層の列アウトライン(四半期)。全ての小計が実数式(SUM)— 任意のセルを編集すると4階層の合計が連動更新。

デモの解説

このデモは 3 階層の行アウトライン(地域 → 国 → 拠点)と 1 階層の列アウトライン(四半期グループ)をゼロから構築します。全小計は実際のスプレッドシート数式 — リーフセルを編集すると 4 階層の合計が連動更新されます。

  • 行グループ化:ws.groupRows(start, end) はネストの深さを包含関係から自動判定 — レベル番号の指定不要
  • 列グループ化:ws.groupColumns(start, end) で各四半期の 3 ヶ月分をまとめてグループ化
  • 折りたたみ/展開ボタンは左マージン(行)と上マージン(列)に表示 — ▼ をクリックでグループを折りたたむ
  • 小計・四半期合計・総合計のセルはすべて = 数式(SUM 範囲)で設定 — 入力セルの変更時に自動再計算
  • 左上の階層インジケーター(1 / 2 / 3)で指定階層以下を一括折りたたみ

主要 API

ws.groupRows(start, end)

行範囲をアウトラインレベルでグループ化 — ネストの深さは行範囲から自動推定

ws.groupColumns(start, end)

列範囲をアウトラインレベルでグループ化

ws.setCellInput(row, col, value)

= から始まる数式または値を設定 — 小計行の数式がカスケード合計を作成

ws.suspendRender() / ws.resumeRender()

全グループ登録とデータ書き込みを1回の描画にまとめる

ソースコード

TypeScript

関連ドキュメント

関連デモ

ニュースレター

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

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