React Material UI Table with Paging Sorting and Filtering

🍒 Related Videos

🚀 Udemy Course on React Hook Form with Material UI

📂 GitHub Repository

💖 Channel Support

💌 For Business Inquiries

🚶‍♂️ Follow us

---
React Material UI Table - Paging, Sorting, and Filtering

In this video, we will discuss how to following in react material UI with react hook
- how to list an array of records in a material-ui table
- mui table paging, sorting, and paging
- etc.

#MaterialUI #Reactjs #CodAffection

[ujjawalsharma]

This is one of the best video you will find on YouTube for Material UI table. React best practices and reusable components all in one video. 🎯

[areebahmad]

I cannot simply describe how amazing this tutorial is

[keremsahin]

I have a term project, and your tutorial is just what I was looking for. I just can hope to code like you someday, I can't thank you enough!

[sujit_webdev]

Amazing! Your tutorials are very unique 👏🏽👌🏽 Thank You 🙏🏼

[caitlynchen]

Thank you so so much for making these incredible tutorials! Looking forward to more videos!

[Captain_Hibiki]

This one save me a lot in filtering and sort functions, thanks.

[EshanRajapakse]

Thank you very much! Very helpful and covered everything. Really appreciate your work.

[victordequeirozalves]

Great job, very informative and with a lot of good practices :)

[markdauz]

Great Respect!, you saved my career, many million thanks!

[djET]

Hindi english but great content. Ty bro helps alot

[Ana-xvrx]

This may be obvious, but maybe it will be helpful to another beginner:
1 - If using typescript, change "const [order, setOrder] = useState()" to "const [order, setOrder] = useState<'asc' | 'desc'>()"
2 - As I was using backend API, I got a response with an array with many object arrays nested in it and had to access data on different "index levels" (like once arr[0][0], and the other arr[0][0][0]), I also didn't want to rewrite the array in a "pretty way", so I had to change the descendingComparator function. To make it work in my code I sent the complete string that access the objects (aka the column name) in orderBy and replaced the ifs as "if (eval("b."+orderBy) < eval("a."+orderBy))"

[gokhantaskn]

Thank you for your videos. Could you please make a server side pagination and sorting with using material-ui its wery usefull for coders thank you.

[kazi]

You are GOD ! Perfectly decomposed table with all features to utilize, exactly what I needed. Many thanks :) subscribing

[seritiaymen]

Great tutorial!
I have a problem while inserting data, When I insert the first one, it's all good. BUT when I insert a second record, I have the error TypeError: Cannot read properties of undefined (reading 'title').

Any help please ?

[hussainigambo]

Thanks a lot, your videos are awesome and easy to follow..

[CSBBADRIGAUTAM]

I have already made the sidebar menu component and I was left to do the table component part
Your video helped a lot with the table component
but the side menu UI is getting disturbed. The menu options are lying down to each other. Any idea what could be the problem.

[shugilazala]

This section is way over me. I maybe have to watch this over a thousand times before I get this paging and sorting lol

[srijin]

Your Tutorial was too good. Can u show us column filter for each column and Tree View multi-select sample trying it from long way

[ankitnegi]

Awesome video bro.. but now the "here" word is in my mind more than the original content : p

[ManjunathManja]

This is great! Thank you for sharing with us.