A fast and extensible React data table and React data grid, with filtering, sorting, aggregation, and more.
The MUI X Data Grid is a TypeScript-based React component that presents information in a structured format of rows and columns. It provides developers with an intuitive API for implementing complex use cases; and end users with a smooth experience for manipulating an unlimited set of data.
The Grid's theming features are designed to be frictionless when integrating with Material UI and other MUI X components, but it can also stand on its own and be customized to meet the needs of any design system.
The Data Grid is open-core: The Community version is MIT-licensed and free forever, while more advanced features require a Pro or Premium commercial license. See MUI X Licensing for complete details.
Webix Grid has been powering data-intensive applications for over a decade. Originally released as the Webix Datatable, it has now evolved into a standalone product with its own flexible licensing model. It delivers high performance, robust functionality, and smooth integration โ making it a trusted choice for developers worldwide.
What impressed me the most about Webix Grid is how intuitive the API is. I was able to integrate it into my project within hours, not days. The documentation is clear, and even advanced features donโt feel overwhelming. It really speeds up development.
Based on our record, Webix Grid seems to be more popular. It has been mentiond 2 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Letโs get down to creating the table component based on the Webix Table. And, of course, we need to pass the Pager ID to the Table configuration. Once again, we will use the getIdByRelatedView() method to generate an ID for the Pager using the Table ID. Source: over 2 years ago
Frameworks and UI libraries are great tools to shorten the time spent on routine and to save more resources for dealing with creative tasks. One more important detail here is that the components are rich in features. For instance, the javascript datatable widget has 21 features like drag-n-drop, sorting, filtering, data validation, clipboard support, fixed areas, advanced editors, rowspan and colspan, grid... Source: over 4 years ago
AG Grid - The best HTML5 datagrid in the world
TanStack Table - Headless UI for building powerful tables & datagrids with TS/JS, React, Solid, Svelte and Vue
Jspreadsheet - JavaScript Data Grid Plugin with Advanced Spreadsheet-like Controls
Material React Table - Material React Table, a fully featured Material UI V5 implementation of TanStack React Table V8. Written from the ground up in TypeScript.
RevoGrid - Reactive virtual data grid javascript component. Contribute to revolist/revogrid development by creating an account on GitHub.
Glide Data Grid - A no-compromise, outrageously fast react data grid, with rich rendering and TypeScript support.