Fit worked on the values and not on the headings. Auto-fit measures cells with getBoundingClientRect() and sets each column's min-width from the result, but the datagrid's CSS wraps and clips header text — so a clipped th measures at the width it was *allotted*, not the width of its content, and a column can never grow to fit its own heading. Row labels are th elements in tbody and clip for the same reason. white-space: nowrap on those cells, and nothing else: no width, no overflow. The measurement then sees the full text and the existing sizing logic does the rest. Folded into the stylesheet already being injected for the grand-total column, and renamed from pf-hide-split-total to pf-grid-css now that it does more than the one thing. 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.