How to disable selection of some records based on a column value in Angular UI Grid?

Question

I am using Angular UI Grid with enableRowHeaderSelection value as true. This allows user to select rows by clicking on the check box.

Is there a way to disable the row selection for certain rows based on a column value?

Kyle · Accepted Answer · 2016-05-05 16:08:35Z

8

This is what you're looking for: http://ui-grid.info/docs/#/tutorial/210_selection

Working Plunker: http://plnkr.co/edit/vJbvJhgyKbYomW4VIsKs?p=preview

You can use an isRowSelectable function to determine which rows are selectable. If you set this function in the options after grid initialisation you need to call gridApi.core.notifyDataChange(uiGridConstants.dataChange.OPTIONS) to enable the option.

$scope.gridOptions.isRowSelectable = function(row) {
    if(row.entity.name === "Jack") return false;
    else return true;
}
$scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.OPTIONS);

edited May 5, 2016 at 16:08

answered May 4, 2016 at 20:32

Kyle

5,6077 gold badges38 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

vthallam Over a year ago

I tried this and it's not working for me. I put this code in a method and calling after set the data to the grid. Is that the right way to do?

Kyle Over a year ago

@vthallam See this working plunker: plnkr.co/edit/vJbvJhgyKbYomW4VIsKs?p=preview Put the method right into the $scope.gridOptions definition.

vthallam Over a year ago

That worked perfectly! Can you please edit the answer and add that plunkr link. Thank you!

Collectives™ on Stack Overflow

How to disable selection of some records based on a column value in Angular UI Grid?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related