数式 請求書 XLSX PRO
自動計算数式付き請求書
数量・単価を編集できるインタラクティブな請求書です。小計・消費税・合計がスプレッドシート数式でリアルタイムに再計算されます。ReoGrid の内蔵数式エンジンを使った実践的なサンプルです。
デモの解説
このデモは、ReoGrid スプレッドシート上に日本式フォーマットの請求書を描画します。 黄色いセル（C列：数量、D列：単価）が直接編集可能で、 値を変えると明細金額・小計・消費税10%・合計金額がリアルタイムで再計算されます。
すべての合計はスプレッドシート数式（SUM・乗算など）で計算されており、
JavaScript のイベントリスナーではありません。Excel と同じ数式パターンがそのまま動作します。
- C列（数量）またはD列（単価）を編集するとリアルタイムで再計算
- E列の各明細は
=C×Dの乗算数式 - 小計行：
=SUM(E10:E14) - 消費税行：
=小計 × 0.1 - 合計：
=小計 + 消費税、書式は¥#,##0
主要 API
createReogrid() ワークスペース要素とライセンスキーでグリッドを初期化
worksheet.setCellInput() セルに値または数式（= で始まる）をセット
worksheet.setCellNumberFormat() ¥#,##0 や #,##0 などの数値書式を適用
worksheet.range().merge() セル範囲を結合して1セルにする
worksheet.range().border() 範囲に罫線スタイルを適用
worksheet.setCellStyle() フォント・色・背景・配置をセット
ソースコード
TypeScript