20. Server Side Pagination, Filtering, Search & Sorting with Material Table in React js

In this video we go over:
- How to implement server side functionality in material table with react
- How to implement pagination, filter,search and sorting Material-Table
- How to use server side global search with table in react js
- How to use react query with material table
- How to apply server side multi filters
and many more...

Material table playlist :

GitHub URL of program :

react, data, table, material table, remote, backend, server model

#Server-Side #Pagination #React

[bacalekevin]

You have the best material ui tutorials out there
Thank you so much for such valuable contents

[testtest-silw]

this is the best data table in the whole universe ❤

[aramabdulrahman]

Thank you so much gold man for Teaching these in react table.. I very grateful to use this as a reference as usual...

[shohagkhan]

Thank you very much ♥️. Probably you are the first person who created perfect video on this topic.
Some important features like search, filter, pagination, animated website, httpOnly cookie based authentication etc are ignored by the instructors. But these are very important.
Hopefully, you always come up these types of unique contents.

[thedarkshadoww]

It's been a great help thank you, a shame that the documentation misses out such an essential part

[binaysamanta]

Thanks.It's really worked for me.

[missmunmi]

Very useful content indeed. Thanks a lot ^_^

[anupamashreesrao]

Does it work with material-UI v5, am getting an error as “onChangePage” is not a function?

[osamayounus]

How can I send token along with the fetch query?

[gimtwi]

Hi! Thank you for your effort! I have a problem with individual column search, is there is a way to search individual column like global one by query(not typing full value) und columns where i have dropdown value i can search just one value in a time.

[RoveWithPavithra]

I have a similar implementation for a project, but the nextpage/previouspage arrow button is disbaled when moved between tabs in react page but it works fine when the page is refreshed.

[disguisedgirl]

Thanks for your great tutorial. Would you please create this tutorial in the typescript version?

[jstrider]

good but sorting does not go across pages does it --it's only one page of data that is sorted and that's very limiting; any ideas on sorting data on all the pages?

[melaniebanchonchavez]

what version of material tabler are you using? i have warnings with material table about props types deprecated.

[basithussain]

Can you guide me how to manage id with pagination

[prakhar.bhardwaj]

Thanks for such a great material. I have a question on important use-case.

1. Once we have parsed the data from API, we want to make a search

2. Now when we are searching, we will check if the data is already there in the table, if not, then only we will make the another API call for that particular query (let’s say for name)

I am still wondering if it is possible by any change?

[shaktipatel]

how can i use material-table with version of material-ui/core 5

[jeraldbauan]

Hi nice videos, do you have a video of how do I get the row index so I can use it as ID?

[ariesdavebantigue]

I always got Uncaught TypeError: props.theme is undefined how to fix it?

[mohamedboularas]

how to do that with redux, be cause you are getting data directly from url but me i have data from redux??