Change the view of a row in a table dynamically

[callkalpa]

I am having following table. in postRender I iterate through all the field of the table and for them I set view to be bootstrap-display (if I set view to be bootstrap-display in tableRow, the Actions column is disappeared.)

My intention is, when a user clicks Edit, the data of that row needs to be editable. What would be the way to get this done?

I tried to set view to be bootstrap-edit with the options, but that makes the fields of all rows editable where as my requirement is to make the fields in that row only editable.

[WhileTrueEndWhile]

Please try something like this schematic idea:

{
    ...
    "options": {
        "items": {
            "fields": {
                "COLUMN_WITH_BUTTON": {
                    "events": {
                        "click": function() {
                            this.parent.view.parent = "bootstrap-edit";
                            this.parent.refresh();
                        }
                    }
                }
            }
        }
    },
    ...
}