https://github.com/esr-style/stylegrid
A free alternative to AG grid built by me for personal use case.
https://github.com/esr-style/stylegrid
aggrid data-analysis grid pivot-chart pivot-grid table
Last synced: 9 months ago
JSON representation
A free alternative to AG grid built by me for personal use case.
- Host: GitHub
- URL: https://github.com/esr-style/stylegrid
- Owner: ESR-style
- Created: 2025-09-07T15:46:25.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-09-07T16:16:00.000Z (9 months ago)
- Last Synced: 2025-09-07T18:21:28.578Z (9 months ago)
- Topics: aggrid, data-analysis, grid, pivot-chart, pivot-grid, table
- Language: TypeScript
- Homepage:
- Size: 596 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Style Grid
A modern, free, open-source React + TypeScript data grid inspired by AG Grid. Built from scratch by me to replicate as many powerful enterprise features as possible—without the license cost. It's still a work in progress, but already usable for rich data-heavy interfaces.
> Status: Currently a static project (not yet published to npm). The goal is to release it as an installable package / simple API so anyone can drop it into their project.
## Why Style Grid?
I wanted a fully featured grid (pivoting, grouping, filtering, exports, etc.) without paywalls. Rebuilding this was hard and still evolving, but the foundation is solid and extendable.
## Core Features (Implemented)
- Column resize, reorder, hide/show, pin left/right
- Sorting (single & multi)
- Text / number / date / set filters
- Row selection (single & multi with checkboxes)
- Grouping & pivot mode (drag & drop style configs)
- Aggregations (sum, avg, count, min, max)
- Virtual scrolling for large datasets
- CSV / basic Excel-style export
- Context menu, status bar, sidebar tools
- Keyboard navigation & custom cell rendering
## Roadmap / In Progress
- Packaging to npm (import like: `import { StyleGrid } from 'style-grid'`)
- Public API docs & examples site
- More export formats & customization hooks
- Theming system and dark mode polish
- Better accessibility + test coverage
- Performance tuning for 50k+ rows
## Quick Start (Current Repo)
```bash
git clone
cd style-grid
npm install
npm run dev
```
## Minimal Usage Example
```tsx
import { GridProvider } from './context/GridContext';
import { DataGridContent } from './components/DataGridContent';
import { generateMockData, mockColumnDefs } from './data/mockData';
export function App() {
const rowData = generateMockData(500);
return (
);
}
```
## Screenshots
| Grid | Charts Panel | Data Analysis |
|------|--------------|---------------|
|  |  |  |
## Contributing
Not formal yet—open issues / ideas are welcome. Soon: guidelines + extension points.
## License
MIT – free for commercial & personal use.
## Author / Contact
Created by **Samarth A K**
Email: **esrsamarth@gmail.com**
Built with ❤️ using React, TypeScript, Vite & Tailwind CSS
“Free, open, and powerful. Style Grid exists so you don't have to choose between features and freedom.”