BS Grid: a free, open-source data grid for Angular
We built BS Grid to replace AG Grid on BlockSurvey screens that show tens of thousands of survey responses. It has no runtime dependencies, an AG Grid-style API, and an MIT license with no paid tier.
npm i ngx-bs-gridWhat's in the grid
Virtual scrolling
Only the visible rows and columns are in the DOM, so the grid stays responsive with 50,000 rows.
Pinned, resizable columns
Pin columns left or right, then resize, reorder, hide or auto-size them. Flex columns share the leftover width.
Sorting and filters
Number, date and value-list filters on each column, plus a quick filter that searches every column.
Row grouping
Group by any column and total it with sum, average, count, min, max or your own function.
Cell editing
Built-in text, number, date and select editors, or your own Angular component as the editor.
Range selection and clipboard
Drag across cells to see the sum and average, copy them, paste from Excel or Google Sheets, fill down or clear.
Pagination
A page-size picker and first, previous, next and last buttons, or a page size that fits the grid height.
CSV and Excel export
Export to CSV or a real .xlsx file with several sheets and frozen header rows, without an extra library.
SSR and theming
Works with Angular server-side rendering and hydration. Colours and fonts are CSS variables, with a dark theme included.
Frequently Asked Questions
- Yes. BS Grid is MIT licensed. There is no license key, watermark or paid enterprise version, and you can use it in commercial projects.
Need surveys as well as grids?
BlockSurvey is the encrypted survey platform BS Grid was built for. Collect responses and analyse them with AI.
- 14-day free trial
- AI-powered insights
- End-to-end encrypted