Hey Vik,
We have have a similar requirement for some of our clients.
In order to achieve what you are wanting, some Javascript code will need to be written in order to build a button that will essentially "click" the line-item-level button.
The first step will be to write Javascript (JS) on load of your webpage to render a button above the grid. The easiest way to do so would be to select the table or section and find the parent element(s). From there you can "prepend" the button.
Once the markup for your button is created, you can have it trigger an onclick JS function that will "click" the edit button for that single row. The easiest way to do this would be to iterate or retrieve the row(s) of the table, then find the actions column based on the class. Once retrieved, you should be able to drop into the children elements of that class and find the "edit" button. Be sure to select it via the class/id as there could very well be other buttons added and you wouldn't want to assume the "edit" is the only one.
Once you find the button selector, you can add that to your JS onclick event and call the $(_editbutton).click() event, which will simulate a click of the button, thus allowing you to edit that particular record.
It sounds a little confusing, but what we are doing is adding in a placeholder button that simulates a click of the edit button. It may be beneficial to "hide" the edit button on the item-level so the users have to use the placeholder button.
If you need any more help or assistance please don't hesitate to reach out!
Thanks!
Matt Bayes
