Edit table view - Toggle functionality on button click

Dear CRM experts,

I am fresh to CRM. I have a requirement to edit all fields of a table view based upon a click of button (toggling between edit/display) in a custom component. I have created a table view using Value node. I have already attached EDIT button. By default , everything is appearing in Editable Mode. I also found that we have GET_I_ACTIVE method for the same and even I am able to do this using this method. But, this does not look fancy as for each attribute I have to code here whereas I have same behaviour for all attributes. Is there any other simpler way ? Pls guide how to proceed. Here, I hv two questions -

a) Why its appearing editable by default , where is the setting for this default behaviour?

b)How do I achieve toggle functionality -( By default - it should appear as Display but when required it should change to edit mode by click on a button ).

I have attached .HTM file for this.

I am able to find lot of replies for MODAL nodes but not for Value Node.

Also, if someone can share any links, documents which explain BOL genil will be highly appreciated.

Regards

Nishant