Add delete button to every row of the table - Handsontable/Vue Wrapper

Hi,

We are trying to implement a custom delete button as one of the columns in HandsOnTable that allows user to delete a row of data. I could not find any example where this has been implemented for Vue wrapper. I was able to show Delete button on the grid columns. Please see the below jsfiddle. How do I invoke Vue component’s method when a button is clicked?

http://jsfiddle.net/dcepzv06/8/

Thanks!

Here is an example of removing rows via button in the first column in Vue https://codepen.io/anon/pen/rZzXbg?editors=0010

Hope it will help.