Data Grid - Data

A fast and extendable data table and data grid for React. It's a feature-rich compoent available in MIT or Enterprise versions.

Client side operations

Benchmark

• https://www.ag-grid.com/javascript-grid-client-side-model/
• https://demos.telerik.com/kendo-ui/grid/local-data-binding
• https://www.telerik.com/kendo-react-ui/components/grid/data-operations/local-operations/
• https://ej2.syncfusion.com/react/demos/#/material/grid/local-binding
• https://js.devexpress.com/Demos/WidgetsGallery/Demo/DataGrid/SimpleArray/React/Light/
• https://www.jqwidgets.com/react/react-grid/#https://www.jqwidgets.com/react/react-grid/react-grid-bindingtoarray.htm

Server side operations

Benchmark

• https://demos.telerik.com/kendo-ui/grid/remote-data-binding
• https://www.ag-grid.com/javascript-grid-row-models/
• https://material-table.com/#/docs/features/remote-data
• https://ant.design/components/table/#components-table-demo-ajax
• https://www.telerik.com/kendo-react-ui/components/grid/data-operations/odata-server-operations/
• https://devexpress.github.io/devextreme-reactive/react/grid/docs/guides/lazy-loading/
• https://ej2.syncfusion.com/react/demos/#/material/grid/remote-data
• https://ej2.syncfusion.com/react/demos/#/material/grid/custom-binding

Loading

You can use the loading prop to indicate that data in the table is currently loading. If there is no data in the table, a loading message will also be displayed.

API

• <DataGrid />