Table cell editing using plain Javascript | DOM coding challenges

[@cegrif01]

This is really well done! I love that he doesn't spend 26 minutes and 47 seconds fixing the endless chain of npm deprecations, dependency hell, and version mismatches. This really sold me on rolling out js components as vanilla as possible. Node and npm are great and often required, but having 30+ dependencies makes things rather unpredictable(good luck, especially if you take a year off the project and come back to it). Great work!

[@kite4611]

The best JavaScript Table editing video ever created! This is exactly what I was looking for on a project, subscribed!

[@TheCodeholic]

Thank you man... Appreciate...

[@johnpatterson4727]

This is incredible! Just exactly what I needed, and actually a pretty good introduction to classes for me too.

[@ErikZoltan]

Awesome way to make a table editable. Good coding practices used.

[@TeaTimeSumeet]

This is really awesome video for ES6 beginners Loved it. Kindly share links if there are other ES6 tutorials.

[@TheCodeholic]

Thank you. Can you please also share this video if you like it.

[@soldier-br1mn]

YOU SAVED MY as bro....merC

[@danicastudies7066]

Very helpful for my project, thank you very much！

[@TheCodeholic]

I sm glad if that helps

[@mr.RAND5584]

Beautiful.

[@TheCodeholic]

Thanks

[@mdlmms54]

This is great!

[@pandemicovid9079]

Best Turorial, can you complete ths tutorial with add new table row ? i am absolute beginer.

[@bignamek]

Just to be certain, the editd are not saved in file, just updated on the page while the page is active, correct? How would this be incorporated to make the changes saved? Would it have to be moved to a database? Or could something like PHP or Node JS essential save the changes into the page itself?

[@TheCodeholic]

in order to save changes to need to send changes to server using AJAX and on server you need to have either PHP or node.js or some other backend language to save changes.

[@erickviquezbrenes2142]

Hello, can you help me!? I followed the tutorial and helped me alot! But when I erase all the text in one "td", the space goes blank and I cannot enter text! How can I fix this! Thank you in advance!

[@softwaremaniac7925]

i guess you have to fix the height . not sure haven't checked. If you find any answer, do share it.

[@TheCodeholic]

Probably the element on which click happens does not have height and that's the reason. Give it min-height: 100%;

[@danielamarailie1131]

Hi! I'm less than a noob so please someone tell me how is this visible in that browser window? (I'm assuming the window opened on the right side of the screen is chrome or something). Because I can only open the index.html and it is visible as plain text, with no borders or editing options. I don't know what to use to open these files in order for the html to get that format (generated through .js and .scss files presented in this video). Help, please?

[@mrshubh101]

Do you have the source code for this?

[@TheCodeholic]

Here is the source code github.com/arboshiki/HTMLTableCellEditing

[@vlogsbyrudraamrita6375]

hi..