With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 Datagrid Open-Source Projects
-
react-table
🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
-
HANDSONTABLE
JavaScript data grid with a spreadsheet look & feel. Works with React, Angular, and Vue. Supported by the Handsontable team âš¡
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
ag-Grid
The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.
-
Jspreadsheet CE
Jspreadsheet is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
Glide Data Grid
🚀 Glide Data Grid is a no compromise, outrageously react fast data grid with rich rendering, first class accessibility, and full TypeScript support.
-
Radzen Blazor Components
Radzen Blazor is a set of 70+ free native Blazor UI components packed with DataGrid, Scheduler, Charts and robust theming including Material design and FluentUI.
-
Blazorise
Blazorise is a component library built on top of Blazor with support for CSS frameworks like Bootstrap, Tailwind, Bulma, AntDesign, and Material.
-
revo-grid
Powerful virtual data grid smartsheet with advanced customization. Best features from excel plus incredible performance 🔋
-
fortune-sheet
A drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets
-
canvas-datagrid
Canvas based data grid web component. Capable of displaying millions of contiguous hierarchical rows and columns without paging or loading, on a single canvas element.
-
material-react-table
A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript
-
VTable
VTable is not just a high-performance multidimensional data analysis table, but also a grid artist that creates art between rows and columns.
-
Infinispan
Infinispan is an open source data grid platform and highly scalable NoSQL cloud data store.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
handsontable
Project mention: How To Enhance AG Grid with Avatars: Building a Collaborative Grid with React and Ably | dev.to | 2024-01-26In this post I’ll show you how, using the AG Grid component and Ably Spaces, you can create a React application that allows users to see not only who else is currently viewing the grid, but using a Flowbite Avatar Stack component, what row each user currently has selected.
Project mention: Episode 23/49: RouterTestingHarness, Chrome DevTools 119 & 120 | dev.to | 2023-12-14
Project mention: The Design Philosophy of Great Tables (Software Package) | news.ycombinator.com | 2024-04-04Why do you want to render to canvas?
Perspective seems to be the most performant html table. It is more focused on extremely fast updates than styling, although it looks good.
Glide is a newcomer that also renders to canvas.
https://github.com/finos/perspective
https://github.com/glideapps/glide-data-grid
To client project, without any changes, just added Appointment.cs, EventConsole.razor, AppointmentPage.razor, AddAppointmentPage.razor, and EditAppointmentPage.razor (copied from the demo radzen-blazor project) and the scheduler component works as expected.
Project mention: Awesome-grid – A curated list of JavaScript data grid/table resources | news.ycombinator.com | 2024-04-12
Project mention: How to use the right-click menu to copy, paste and delete cells in VTable? | dev.to | 2024-04-27Right-click menu Copy Paste Delete demo:https://visactor.io/vtable/demo/interaction/context-menu Dropdown menu tutorial:https://visactor.io/vtable/guide/components/dropdown Related api:https://visactor.io/vtable/option/ListTable#menu.contextMenuItems github:https://github.com/VisActor/VTable
Datagrid related posts
- How to use the right-click menu to copy, paste and delete cells in VTable?
- The best testing setup for frontends, with Playwright and NextJS
-
ag-Grid VS infinite-react - a user suggested alternative
2 projects | 1 Jan 2024
- Headless UI for building powerful tables and datagrids for TS/JS and more
- Date picker alternatives to jQuery
- Introducing PrimeNG v16: Angular 16 Support, New Types, and Comprehensive API Documentation!
- Kangas: Pandas for Multimedia Datasets
-
A note from our sponsor - SurveyJS
surveyjs.io | 28 Apr 2024
Index
What are some of the best open-source Datagrid projects? This list will help you:
Project | Stars | |
---|---|---|
1 | react-table | 24,102 |
2 | HANDSONTABLE | 19,029 |
3 | ag-Grid | 11,762 |
4 | primeng | 9,449 |
5 | Jspreadsheet CE | 6,618 |
6 | ngx-datatable | 4,615 |
7 | material-table | 3,487 |
8 | Glide Data Grid | 3,414 |
9 | Radzen Blazor Components | 3,190 |
10 | Blazorise | 3,133 |
11 | revo-grid | 2,655 |
12 | Griddle | 2,500 |
13 | Apache Geode | 2,268 |
14 | fortune-sheet | 2,174 |
15 | DevExtreme React Grid | 2,056 |
16 | awesome-grid | 1,417 |
17 | canvas-datagrid | 1,377 |
18 | material-react-table | 1,314 |
19 | VTable | 1,207 |
20 | Infinispan | 1,127 |
21 | ReactGrid | 1,059 |
22 | kangas | 1,027 |
23 | Frappe Datatable | 970 |
Sponsored