React Data Table Component Tutorial

Learn about React Data Table Component. If you want to achieve balance with the force and want a simple but flexible table library give React Data Table Component a chance. If you require an Excel clone, then this is not the React table library you are looking for 👋
Key Features:
Declarative configuration
Built-in and configurable:
Sorting
Selectable Rows
Expandable Rows
Pagination
Themeable/Customizable
Accessibility
Responsive (via x-scroll/flex)

[JoaoPedro-kpzd]

hello everyone, in the pagination part there are two dropdown arrows to select the number of lines. Does anyone know how to leave only one?

[hermangeku]

thank you, how to add edit and delete button in the row ??

[vinnymurphy]

Is it possible to make entries in one of the columns clickable links? For example, clicking on someone's name takes you to their profile.

[SerEfGonzalez]

Excelente Yousaf muy educativo, saludos desde Argentina!!!

[arjunsarkar]

great info, i have been searching from 2 3 hrs for datatable in react app but i cannot apply properly but your video helped me

[unamxhego]

Can you do the same by retrieving the data from a database (sql server)?

[shox]

Only one column showing i don't know can help?

[vinnnduri]

How do you add the edit and delete functionalities using data table with edit taking you to edit page..

[kumarthames]

How to edit and update? the data is fetch from API.

[enjoysongs]

Hi How do we add custom sorting options? Is it possible in this react data table component? I mean we have by default sorting but I want like a dropdown with 2 options on clicking sort icon like old to new, and new to old. So then after clicking this option sorting is done accordingly. Can u please tell is it possible n how its done Or upload a video soon please

[ylgoiyj]

can we use this same dependency for .tsx files ?

[chandruloganathan]

I am gettting the below error bro

"Cannot read properties of null (reading 'useState')"

[luisarrieta]

Export PDF? Export CVS? Thumbnail image is clickbait

[micahenoch]

how can we add delete and edit button??

[Seculol]

React Data Table Component now makes thousands of Warnings/Error because of how it uses do you know how to get rid of it ?

[oscpcertificate]

very nice video but please improve your MIC bro so we can understand better, thanks a lot for good videos. Subscribing your channel

[AsishSharma-gitb]

You did'nt cover this point...
Responsive (via x-scroll/flex)

[oshoosho]

now we cannot add css and boorstrap class in the old way before this

[brownsterring]

I would like to listen to this but the audio is unbearable

[shahoosh]

Dear, nice! but too much echo!!! too much