Angular JS UI-Grid Delete Row

Question

I\'m new to ui-grid and I\'m trying to implement a table in AngularJS as shown in the picture below. I\'m trying to select a row and delete it using a delete button

Answer 1

The other solutions provided here didn't worked for me(May be because of my latest different version of ui-grid). So removing element from the scope array worked for me. This should even work with other versions of ui-grid because grid must be updated when the data changes. (Thanks to Angular!!!)

I am using lodash to remove element from array and here is sample code:

$scope.deleteRow = function(row){
    _.remove($scope.gridData, {
        id: row.id
    });
};