ReoGrid ReoGrid Web
budget finance lite

予算トラッカー

四半期の収支トラッカー。カテゴリセクション、色分け合計、利益サマリー付き。

デモの解説

このデモは四半期の収支トラッカーを構築します。収入・支出のカテゴリをセクション別にまとめ、色分けされた合計行と最下部の利益集計行を持ちます。

  • 収入行(売上・サービス・その他)と支出行(人件費・家賃・マーケティングなど)をセクションヘッダーで区分
  • 各セクションには上の行を =SUM する小計行
  • 利益行は =収入合計 − 支出合計。プラスの場合は緑背景で表示
  • Q1〜Q4 の四半期列と年間合計列は同じ SUM パターンを使用
  • 背景色はトラフィックライト方式:利益/プラス → 緑、損失/マイナス → 赤、ゼロ → 黄

主要 API

ws.setCellInput(row, col, value)

小計行と総合計セルに SUM 数式を設定して自動再計算を実現

ws.cell(row, col).setStyle(style)

セクションヘッダースタイルと利益/損失行の緑/赤背景を設定

ws.setCellNumberFormat(row, col, format)

通貨セルに ¥#,##0 または $#,##0 の千区切り書式を適用

ws.range(ref).merge()

セクションタイトルセルを四半期列にまたがって結合

関連ドキュメント

関連デモ

ニュースレター

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

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