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 Datatable 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.
-
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.
-
vue-good-table
An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc
-
tidy-viewer
📺(tv) Tidy Viewer is a cross-platform CLI csv pretty printer that uses column styling to maximize viewer enjoyment.
-
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.
-
mantine-datatable
The table component for your Mantine data-rich applications, supporting asynchronous data loading, column sorting, custom cell data rendering, context menus, nesting, Gmail-style batch row selection, dark theme, and more.
-
ka-table
Lightweight MIT React Table component with Sorting, Filtering, Grouping, Virtualization, Editing and many more
-
pluto_grid
PlutoGrid is a dataGrid for flutter that can be controlled by the keyboard on desktop and web. Of course, it works well on Android and IOS.
-
DataGridXL2
Excel-like Experience for Web Apps (The performant & reliable Vanilla Javascript data grid with Excel-like controls)
-
vue-dataset
A set of Vue.js components to display datasets (lists) with filtering, paging, and sorting capabilities!
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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: Mastering Component Styling: Elevate Your CSS with Layering and Dynamic Class Management, No ng:deep needed! | dev.to | 2024-05-01PrimeNg GitHub
Project mention: A brief history of web development. And why your framework doesn't matter | news.ycombinator.com | 2024-04-29> It’s important to be aware of what you are getting if you go with React, and what you are getting is a far cry from what a framework would offer, with all the corresponding pros and cons.
Would you like to elaborate on that?
In my experience, with something as great, size/ecosystem-wise as React, there will almost always be at least one "mainstream" package for whatever you might want to do with it, that integrates pretty well. Where a lot of things might come out of the box with a framework, with a library I often find myself just needing to install the "right" package, and from there it's pretty much the same.
For example, using https://angular.io/guide/i18n-overview or installing and using https://react.i18next.com/
Or something like https://angular.io/guide/form-validation out of the box, vs installing and using https://formik.org/
Or perhaps https://angular.io/guide/router vs https://reactrouter.com/en/main
Even adding something that's not there out of the box is pretty much the same, like https://primeng.org/ or https://primereact.org/
React will typically have more fragmentation and therefore also choice, but I don't see those two experiences as that different. Updates and version management/supply chain will inevitably be more of a mess with the library, admittedly.
Now, projects like Next https://nextjs.org/ exist and add what some might regard as the missing pieces and work well if you want something opinionated and with lots of features out of the box, but a lot of those features (like SSR) are actually pretty advanced and not always even necessary.
Project mention: Csvlens: Command line CSV file viewer. Like less but made for CSV | news.ycombinator.com | 2024-01-06
svelte-headless-table: Unopinionated and extensible data tables for Svelte. (I haven't tried tanstack-table, but I've heard good things about it)
Datatable related posts
-
Mastering Component Styling: Elevate Your CSS with Layering and Dynamic Class Management, No ng:deep needed!
-
A brief history of web development. And why your framework doesn't matter
-
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
-
A design system for the federal government
-
Date picker alternatives to jQuery
-
Introducing PrimeNG v16: Angular 16 Support, New Types, and Comprehensive API Documentation!
-
A note from our sponsor - SurveyJS
surveyjs.io | 4 May 2024
Index
What are some of the best open-source Datatable projects? This list will help you:
Project | Stars | |
---|---|---|
1 | react-table | 24,150 |
2 | HANDSONTABLE | 19,093 |
3 | ag-Grid | 11,803 |
4 | primeng | 9,487 |
5 | primereact | 5,776 |
6 | ngx-datatable | 4,616 |
7 | material-table | 3,486 |
8 | vuetable-2 | 2,153 |
9 | vue-good-table | 2,143 |
10 | tidy-viewer | 2,027 |
11 | canvas-datagrid | 1,378 |
12 | ReactGrid | 1,062 |
13 | Frappe Datatable | 971 |
14 | mantine-datatable | 834 |
15 | ka-table | 677 |
16 | dtplyr | 654 |
17 | pluto_grid | 623 |
18 | ipydatagrid | 505 |
19 | DataGridXL2 | 474 |
20 | svelte-headless-table | 424 |
21 | datatableton | 263 |
22 | vue-dataset | 219 |
23 | vue-datatables-net | 171 |
Sponsored