Inline Table Editing Angular | angular tutorials | Angular 17

Inline Table Editing in angular.
Angular inline editing.
Angular table inline editing.
I have explained 2 ways by which we can achieve inline table editing in angular.
1) On Edit button click we convert all tds to textbox.
2) On column double click we convert that particular td to textbox.

Learn From me

To Connect with me & get Notification of Live Session Join

You can find Code on github

Visit Our Mini Project Ideas Portal where you can find So many project
ideas you can try to impliment

Follow & Connect me on LinkedIn

#angular
#angular17
#angular18

[mahendralonkar]

hello sir, your video is awesome, while performing your video code, the update method which was missing in this video. Please share Video How to create put method. Thank You! 🙂

[weixiangng]

How abour fetching real data from server then will need to add the isEdit variable in the table in backend right?

[mettlus]

Superb! best tutorial on YT for inline edit

[sameerdeore]

Thank you. It was a crisp and clear explanation

[Rahulraj-etnc]

How to save this updated array of data to send it in APIs..???

[CinematicGamer]

The changes are not reflected in the array .. only in the session storage I think. After refresh the values that were edited is lost

[muhammadasim]

can we make it reusable so can be used it in many component 🙂

[eeshadhale]

Hi, can you tell the function to delete a row in this same example?

[brundashetty]

but on downloading, columns with inline editing are showing nothing in excel file

[yogeshwareedafane]

Sir in angular one problem occurs error in template url

[NGprime]

cancel button and save button same method, cancel button can't work

[OK-mcrg]

One problem with this approach. If user edits & clicks cancel, it's still get edited.