React Table Tutorial - 6 - Sorting

📘 Courses - learn.codevolution.dev/
💖 Support UPI - support.codevolution.dev/
💖 Support PayPal - www.paypal.me/Codevolution
💾 Github - github.com/gopinav
📱 Follow Codevolution
+ Twitter - / codevolutionweb
+ Facebook - / codevolutionweb
📫 Business - [e-mail]

[@santiagoleklere6103]

it's unbelievable how easy it becomes to make a table after these tutorials. thank you very much! the explanations are concise and clear, which is much appreciated considering a lot of tutorials ramble on for some time before addressing the subject

[@scuffey2608]

this just made my final project so much easier... thanks for the great tutorial 🖤

[@adityanehra]

This was helpful. Thank you.

[@khandoor7228]

Good content thank you!

[@TheTeup]

Hi,
How can I have sorting in the same header column but the filter column in a new cell under the header name?
Right now when I try to use both sorting and filtering in the column and as soon I try to filter something the sorting also renders

[@rhiturajsarkar4011]

Sir this video helped me a lot in understanding react table , but could u please tell me how can we add multiple json files in a single table?

[@xRADq]

thank you so much!!!!!!!

[@sanjeevkumar-wf5lr]

Superb

[@Rake792]

I need to pass custom sort to sort my table , is it possible?

[@paulomorais5245]

Hi I'm from Brazil. Congratulations on the video series. I'm using TypeScript in the project and I get the following error:
The 'getSortByToggleProps' property does not exist in type' HeaderGroup '.
Any suggestion?

[@sanazbahmani6447]

I've encountered the same warning.

[@paulomorais5245]

@Lelomulelo thanks

[@shashi801]

thank you

[@danielteixeira8559]

I have a problem using useSortBy :
Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
I dont know whats going on...

[@p4rsec]

You need to take your useEffect call outside the table component, and pass the data in from another component.

[@princekumarsingh2440]

How to apply any class to specific column

[@SKGaming20689]

how to sort data with multiple pages sorting

[@JoseRamirez-mt4lp]

How to put these icons inside span element?

[@henriklarssonedstrom2701]

Here you go: ' 🔽' : ' 🔼'

[@jenasusil6]

@@henriklarssonedstrom2701 Where do you copy it ? please tell me the website name . Thanks in advance

[@deca4553]

@@jenasusil6 you can literally install the emoji extensive

[@nguyenhoa072]

sort columns except id column, how?

[@marcelohenriquebarbosa1666]

Nice

[@iamjaivanth4099]

Bro how to add all sorting ,filter, pagination in single table

[@s_roopesh7662]

setGlobalFilter function is not in useGlobalFilter package

[@drkfuture1305]

can somebody PLZ tell me how he added those icons (sorting) in VS Code?

[@LukyTexan]

just insert the icons svg code in place of the arrows and surrounding quotation marks

[@kshitijvengurlekar1192]

How to put that icon in span?

They are just string so any kind of icon website you can copy them

[@henriklarssonedstrom2701]

Here you go: ' 🔽' : ' 🔼'

[@jenasusil6]

@ can you please tell me the website name . Thanks in advance

[@rhiturajsarkar4011]

U can simply use windows+. In your laptop

[@LukyTexan]

I made sorting, filtering, pagination in one table: codepen io + / vacjet +/pen +/ qBKLOxG (remove spaces and +)

[@Pareshbpatel]

{2021-12-28}, {2022-09-28}

[@bogaczew]

why all those examples, tutorials and cos focus on client side sorting, filtering, pagination. its' beyond me. who in real world uses client side pagination?

[@PigeonSpeaks]

Many people. It's fast, but might not scale well. Depends on the needs.

[@emir_avdic]

How to put these icons inside span element?

[@rikuangel902]

Its Emojis icons (win + . )

[@debbie6601]

@@rikuangel902 helped me. thanks

[@Isiakaabd]

@@debbie6601 how did you go about it?