Paul Trowbridge
54d49ebc75
Prior, plan and forecast each carry twelve months and a total, so scanning across is thirty-odd columns of identical-looking numbers with nothing to say where one domain ends and the next begins -- annual figures read as just another month. Each group's first column now takes a left rule and each group's subtotal a tint and a heavier weight. Both are derived from the cell's column path: the deepest path is a leaf, so anything shorter is an aggregate of the levels below it, which is what makes a subtotal a subtotal. Through regular_table's style listener rather than CSS, because the DOM cells are recycled across columns as you scroll -- a stylesheet would paint the wrong ones the moment the grid virtualised. The styles go into the grid's own shadow root, since a page stylesheet cannot reach it, and use currentColor so the rule follows the theme instead of disappearing against Pro Dark. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| vendor | ||
| .gitignore | ||
| eslint.config.js | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| vite.config.js | ||
React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Oxc
- @vitejs/plugin-react-swc uses SWC
React Compiler
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.
Expanding the ESLint configuration
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.