All you need to know about React-Table v6 for REACTJS Framework

In this video you will learn all All you need to know about React-Table for REACTJS Framework.

By the end of this video you'll be able to know how to work with react-table component, how to use its features such us sorting data, filter data and how to display data on the table from a json api and export to an excel file and more...

How to export HTML table from Reactjs to Excel:

Follow us on

Please if you've any questions feel free to ask and we'll replay as soon as we can.

[Alex_Aly]

For those who have problems with importing
use:
npm install react-table-v6
then :
import ReactTable from 'react-table-v6';
import

As this video was made in 2018 the package has received a complete overhaul, hence the version presented in this video has become react-table-v6 (the old one) and (react-table the new one);

[theanantshukla]

Thank you so much! I was trying to use a lot of libraries and have been stuck for more than 10hrs. This video really helped me out. Thanks a ton.

[ProgrammingWithOsku]

Thanks man alot, i have actully a project which has react table v6 so i wanna upgrade it, i think this tut is good to understand how it work thanks a lot

[miron]

Thank you, finally i found a video with a good explanation.

[alexyep]

Thanks a lot!!! I was struggling with rendering data and headings, but this whole video made it super easy to digest.
Cheers!!!

[amrutakusumde]

Thank You! for react-table example I need some more help regarding react table.

[AnjaliKumari-usbq]

thats awesome video but please add a video on delete selected rows nd with edit functionalities ASAP.

[nikhilwankhede]

I tried executing your code but I got this error. please help. The name of the component is lcp

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `Lcp`.

[Gbd]

React table 7 is such a downgrade. It's made everything so much more complicated

[sabbasachisaha]

Thanks a lot for the first time I use react table with your guidance. Its really useful and esay. Waiting for more such tuftorial

[AlanSpawn]

Great tutorial. Thanks for all the help.
Can you make a video example with editable server side data?

[gowthamit]

I am getting error while using ReactTable - it states, react-table does not have a default export . Please help

[kenncastillo]

Very helpful!!! I'd like to know how to pass the "row info" into a modal (I'm a beginner)

[lenavogt]

hey, would be so cool to see the updated tutorial for vs7

[ihordoroshenko]

The best video explanation for react-table! Thank you!

[rijwanhossain]

This is beautiful library & the way you represent is excellent

[ankitakumari]

Do you have GitHub link of extended part of the assignment? I mean post api call like form data submission and the data fetched by the react-table.

[julianvargas]

thank you!! You are the best documentation for this package

[ankitakumari]

i am getting the below error
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Check the render method of `Assign`.

How could i resolve it?
i am badly stuck here please help me.

[leeoku]

it jumped at 26:45. Can you share the code that shows how to change state in deleterow?