📊 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';<DbGridrowData={rows}columnDefs={cols}theme="db-light"enableRangeSelectionenableFillHandleenableFormulaBarstyle={{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