📊 db-grid

Excel-like React data grid — formulas, clipboard, fill handle, grouping, pivot, sparklines, SSRM.
One package: @deepbratt55/db-grid. MIT · free demo on GitHub Pages.

---

Live demo: https://deepbratt.github.io/db-grid/
Package docs: packages/db-grid/README.md → @deepbratt55/db-grid

---

📦 Install

npm install @deepbratt55/db-grid react react-dom

import { DbGrid } from '@deepbratt55/db-grid';
import '@deepbratt55/db-grid/styles.css';

<DbGrid
  rowData={rows}
  columnDefs={cols}
  theme="db-light"
  enableRangeSelection
  enableFillHandle
  enableFormulaBar
  style={{ height: 480, width: '100%' }}
/>

Import styles once:

import '@deepbratt55/db-grid/styles.css';

Full feature guide and recipes: @deepbratt55/db-grid README.

---

✨ Features at a glance

• Excel ranges, fill handle, formula bar, undo/redo
• Sort / filter / floating filters / quick filter
• Grouping, aggregations, pivot, tree data
• Sparklines + cell flash for live trading UIs
• CSV + Excel export, clipboard copy/paste
• Server-side row model (SSRM)
• Themes: db-light, db-dark, quartz, alpine, balham, material
• React 18 & 19 · TypeScript

---

🏷 Hashtags (reach)

#React #TypeScript #DataGrid #Excel #Spreadsheet #AGGrid #Virtualization #PivotTable #OpenSource #MIT #FinTech #TradingUI

---

🖥 Local demo

npm install
npm run dev:demo

• Demo (home use cases): http://localhost:5173
• Static Pages build: npm run build:pages

🚀 npm publish (CI/CD)

Merges to main that touch packages/db-grid/** run Publish @deepbratt55/db-grid.

Commit messages in the merge	Version bump
feat: / feature:	minor
BREAKING CHANGE / breaking:	major
anything else (default)	patch

Auth — repo secret NPM_TOKEN

Package: @deepbratt55/db-grid (npm user deepbratt55).

CI publishes with the GitHub Actions secret NPM_TOKEN (granular token with publish + 2FA bypass for automation).

Optional: RELEASE_GITHUB_TOKEN so version bump commits can push to protected main.

Manual run: Actions → Publish @deepbratt55/db-grid → Run workflow.

License

MIT © Deep Bratt