Summary
Current transaction table is a basic HTML table — readable but no interactivity. Replace with AG Grid Community Edition for a proper spreadsheet-like experience.
Why AG Grid
- Built-in: column filters, global search, inline cell editing, sorting, column resize/reorder, row virtualization
- Community Edition is free, no commercial restrictions
- Used in fintech dashboards — matches CA/accountant audience
- Bundle size irrelevant in Electron
When to add
When users ask to edit/correct values before exporting CSV, or want to filter/search transactions inline. Not needed while CSV output is the primary value.
Implementation notes
npm install ag-grid-react ag-grid-community in desktop/- Replace
<table> block in App.tsx with <AgGridReact rowData={allTx} columnDefs={...} />
- Works with both direct mode (
rawValues) and LLM mode (date/narration/debit/credit/balance)
columnDefs derived from headers array already computed
Summary
Current transaction table is a basic HTML table — readable but no interactivity. Replace with AG Grid Community Edition for a proper spreadsheet-like experience.
Why AG Grid
When to add
When users ask to edit/correct values before exporting CSV, or want to filter/search transactions inline. Not needed while CSV output is the primary value.
Implementation notes
npm install ag-grid-react ag-grid-communityindesktop/<table>block inApp.tsxwith<AgGridReact rowData={allTx} columnDefs={...} />rawValues) and LLM mode (date/narration/debit/credit/balance)columnDefsderived fromheadersarray already computed