material-table VS react-table-library

Material-Table is a library that I used to use a lot. It was awesome. Unfortunately, the maintainer does not seem to be active on GitHub anymore, and the project is no longer being actively maintained. It went a couple of years without getting any updates, and there are some glaring NPM audit security warnings that you will receive if you install this in your project.

// https://github.com/mbrn/material-table/pull/2937#issuecomment-879017952 import MaterialTable, { MaterialTableProps } from 'material-table' import { TablePagination, TablePaginationProps } from '@material-ui/core' function PatchedPagination(props: TablePaginationProps) { const { ActionsComponent, onChangePage, onChangeRowsPerPage, ...tablePaginationProps } = props return ( { const { onPageChange, ...actionsComponentProps } = subprops return ( // @ts-expect-error ActionsComponent is provided by material-table ) }} /> ) } export default PatchedPagination

I'm trying to integrate react material-table (https://github.com/mbrn/material-table) with my project.

I'm using Material Table and I need change the Action column name but this column is automatic generated because I'm using editable function from material table.

okay more so like the exxample in here, https://www.npmjs.com/package/material-table

Ik like material table a lot. It's pretty easy to get started with and has great customization options.

The free offering is very lackluster, I currently roll my own editable table inspired by https://github.com/mbrn/material-table. The main reason was the inability to add frontend validation, but now it has a lot of functions that I need, each custom for my needs.

e.g: https://material-table.com/#/

I'll use React Table Library for the UI, but this pattern can work with most other tables or datagrids in a very similar way.

Maybe give https://react-table-library.com/ a try :)

Perhaps react-table-library with its Chakra UI integration is worth a try!

Ah okay. Yes, I didn't link those yet. But essentially you can find all the features on the Features section over here https://react-table-library.com/

https://tanstack.com/table/v8 https://react-table-library.com/

You could give react-table-library a shot :) The table cells are fully in your control, so you could just use an input field in them.

Check out this table's tree feature: https://react-table-library.com/

If someone is looking for a fully-featured table library that can use either Chakra or Mantine as theme, check out this library.

FWIW I am working on such a table library for React [0] which has a great tree plug-in. So you can use it either as tree table or tree list (if just having one column).

[0] https://react-table-library.com/