An easy way of @mui/x-data-grid: with exporting excel/csv, advanced filters, search and paginator, without setting, for free
mui-datagrid-full-edit is a grid component with CRUD functionality that can be easily used with minimal prop settings. It is a simpler alternative to @mui/x-data-grid, offering a React data grid that is easy to use while providing full functionality. It includes features such as pagination, column hiding, CSV and Excel export options, and advanced filtering by default. It also provides an export button in the toolbar to download grid data as an Excel file without the need for a license key.
To use mui-datagrid-full-edit, you can follow these steps:
Install the package via npm:
npm install mui-datagrid-full-edit
Import mui-datagrid-full-edit in your React component:
import { DataGrid } from 'mui-datagrid-full-edit';
Use the DataGrid component in your code:
<DataGrid columns={columns} rows={rows} onSaveRow={handleSaveRow} onDeleteRow={handleDeleteRow} createRowData={createRowData} />
mui-datagrid-full-edit is a grid component for React that provides CRUD functionality along with features like pagination, column hiding, and export options. It is easy to use with minimal prop settings and does not require a license key for exporting data as an Excel file. It is built on top of @mui/x-data-grid and offers a simpler alternative for those who find it difficult to use. Additionally, it allows for advanced usage by providing access to any props of @mui/x-data-grid. Overall, mui-datagrid-full-edit is a powerful and flexible solution for handling data grids in React applications.