Double-entry journal grid wiring one editor per column — date, select, number, checkbox, textarea, and a custom split editor — with keyboard flow, fill handle, undo/redo, and commit-time validation.
Change the width and theme, then interact with the components.
Edit any cell to see the commit here.
bun add @reopt-ai/opt-datagridimport { DataGrid, type DataGridColumn, type DataGridCommitContext, type DataGridEditorContext, type DataGridKeyboardFlowOptions, type DataGridValidateCellContext } from "@reopt-ai/opt-datagrid";A monthly ledger workspace. Compound entries expand under their row into one keyboard grid with the parent, amount cells take separators and calculations, closed splits keep their drafts, and saving jumps to whatever blocks it. Deposits and credits show in red, payments and debits in blue, and negative amounts in red parentheses.
A table a real model writes while you watch: YAML becomes patches, changes wait for review, edits are never overwritten, and formulas, sorting and per-row AI columns take one line.
Starter spreadsheet grid with editable columns and commit feedback.