PRO formula interactive quotation
インタラクティブ見積書
数量と単価を編集 — SUM数式で合計を自動計算。ブラウザで動く本物のスプレッドシート数式。
デモの解説
このデモは ReoGrid スプレッドシート上に見積書を描画します。黄色い数量・単価セルが編集可能で、値を変えると明細金額・小計・消費税 10%・合計金額がリアルタイムで再計算されます。
- C列（数量）または D列（単価）を編集すると数式がリアルタイム再計算
- 各金額列は =C×D 形式の乗算数式を使用
- 小計行は =SUM(E10:E14) で全明細を合計
- 消費税行は =小計 × 0.1、合計は =小計 + 消費税
- 通貨セルは ¥#,##0 書式で自動的に ¥1,000 形式で表示
- グリッド線を非表示にし、結合セルで Excel テンプレートに近いレイアウトを実現
主要 API
createReogrid(options) グリッドを初期化 — ワークスペース要素セレクター・ライセンスキー・アニメーションフラグを指定
worksheet.setCellInput(row, col, value) 値または数式（= プレフィックス）を設定 — 数式は内蔵エンジンが評価
worksheet.setCellNumberFormat(row, col, format) ¥#,##0 などの Excel 互換書式コードで通貨表示を適用
worksheet.range(ref).merge() タイトル・会社情報・合計欄など見積書レイアウトのセルを結合
worksheet.range(ref).border(options) 表の構造と合計ボックスを定義する罫線スタイルを適用
ソースコード
TypeScript