table cell edit and update dynamically in react

Question

I am new to react. I want to achieve the below functionality in react for a grading table of students. How can I do that?

Please refer to the images.

Change the table cell into an input box

Editable cells in the table

Below is the snippet I have tried till now: code

Please put your code here, btw there is lot of libraries out there which do exactly what you trying to do. sure you can do it yourself but you need to learn more about react first. if you want to do it as practice I recommend do simpler things first. — Mehdi Dehghani
– Mehdi Dehghani, Commented Sep 24, 2020 at 4:01

Karol Dabrowski · Accepted Answer · 2020-09-23 15:52:33Z

1

I had similar requirements in one of my projects lately and I used React Data Grid library. Basing on your description, it has everything you need.

answered Sep 23, 2020 at 15:52

Karol Dabrowski

1,3101 gold badge12 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

bikram muduli Over a year ago

without using react-data-grid can I achieve this? if possible can you help me with a small POC

Karol Dabrowski Over a year ago

Why don't you want to use a library that does exactly what you need? There is even a POC in Sandbox. Of course, it is possible to achieve a similar effect even in pure JS, but it would require much more work.

Collectives™ on Stack Overflow

table cell edit and update dynamically in react

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related