1. Material UI ( Material Table ) Table in React

Hi @codenemy i am getting dependency tree error while installing material-table

"dependencies": {
"@emotion/react": "^11.11.1",
"@emotion/styled": "^11.11.0",
"@mui/material": "^5.14.5",
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4"
},

ERROR SOLVED
uninstall -latest version material-table

İnstall material-table version 1.69.3

$ npm install material-table
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"^18.2.0" from the root project
npm ERR! peer react@"^17.0.0 || ^18.0.0" from @mui/[email protected]
npm ERR! node_modules/@mui/lab
npm ERR! peer @mui/lab@"^5.0.0-alpha.72" from [email protected]
npm ERR! node_modules/material-table
npm ERR! material-table@"^2.0.3" from the root project
npm ERR! 4 more (@emotion/react, @emotion/styled, @mui/material, react-dom)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^17.0.0" from @mui/[email protected]
npm ERR! node_modules/@mui/styles
npm ERR! peer @mui/styles@"5.5.0" from [email protected]
npm ERR! node_modules/material-table
npm ERR! material-table@"^2.0.3" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\user\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\user\AppData\Local\npm-cache\_logs\2023-03-14T06_47_41_349Z-debug-0.log

I keep on getting this..

every time tried to used thorough errors

not working for me

@Codenemy , Hello Sir, Your tutorial is very useful, but I want to know one thing the Material Table has multiroot-paper background color which is disturbing my header and footer. So, How to customize this.

No puedo instalarlo!

Crud nested table material ui plssssss in react hook

I fetch datas from API but I get error if the value is null, how can I fix this problem please help :(

how to enable single row selection in material table?

Can we change colour of search bar?

How can I put black and white colour alternatively for my table????

I get errors with react 18. Is there a way to resolve?

can you please share with us the code (specially the package.json) ?
I have a lot of trouble seteping this with reacte 18

I am fetching data from graphql API, and setting it into state, I'm getting data into initial state, but not rendering in mui datatable, ur answer needed so much help now

hi how to give name for download button

Thank you so much !!! Helped me on the last day of diploma project 😅

Material table is not being displayed even after installing it can you help please

Keep it up, bro...
Good attempt of explaination

Very Helpful Video , Thanks for sharing this :)

Excellent video. This helped to solve a problem on a project am working on. Many thanks man

I wanted to add row and col span to material table this is possible or not, if it is possible can you help me sir

Hi firstly thank you for the tutorial, I was wondering how we could do multiple select lookup along with autocomplete text ? Would you mind helping with this scenario?

If I want to edit a perticular column how is it possible?

I can't install it on react 17.

Now material ui is renamed as mui and new package is @mui/material.. I'm trying to migrate to this package and delete old @material-ui/core. I'm getting some error ...some datepicker error... Does material table still using @material-ui/core? Hasn't it migrated to @mui/material. Please reply

hey bro i m getting typeError cannot read properties of undefined(reading 'split')

Okay?

Thanks

Can we modify the search bar position?

ayo very useful awesome series class bro , my thanks from central asia. improving my knowledge from ur series keep it up!

if we want to do customize sorting, suppose based on name

Great content

ok

Thanks for your lovely explanation but I getting below error, can not get data, Please if you could help me out. Thanks
Failed prop type: The prop `onChangePage` of `ForwardRef(TablePagination)` is deprecated

how to add dropdown into material table cell ? need to change all the row vales based on the dropdown change. is it possible ?

Great Stuff Buddy.

Thanks for the video!! can you tell me how to alter the column width and wrap the text properly in material table ?

I am a new subscriber and did not go through all your projects related with material table. This is the first one, and so far you had done very good job explaining, and I am learning, hope if I have any question, I can post here or if somewhere else I have to post, please let me know.

As much as this video is useful I'd advise against using this package as its remained unmaintained for a long time and the owner has since abandoned the project. A lot of performance issues and vulnerabilities.

Cannot read property 'value' of undefined
This error is occuring load the table..
How to solve????

can't install material table

when i download to csv it only downloads the 5 or 10 or 15 rows shown on screen not the whole table i am importing?

How to add customer button on top bar of the material table???

sir plz tell me how to impliment validation in this table

How to add row nos in table..

Возникла проблема, посмотри видос от индуса

Cant find material-table in material-ui. Also when install material table package it throwing an error

can you do a video on customised add delete update rows please and thank you

Could you do a video on customised styling, please? step by step, makeStyles, useStyles, theme defaults