Is it possible to "disable" or lock the selection of a ng-grid using the inbuilt functionality? I want the user to be able to select a row, click a button and then the grid will stay locked until the user presses another button.
Is it possible to "disable" or lock the selection of a ng-grid using the inbuilt functionality? I want the user to be able to select a row, click a button and then the grid will stay locked until the user presses another button.
Share Improve this question edited Mar 21, 2016 at 8:52 Tim asked Oct 30, 2013 at 16:24 TimTim 7,43113 gold badges63 silver badges103 bronze badges3 Answers
Reset to default 11Yes, you can return false
from beforeSelectionChange
to disable changing the selected rows on the grid.
$scope.option = {
enableRowSelection: true,
};
$scope.gridOptions = {
data: 'myData',
beforeSelectionChange: function() {
return $scope.option.enableRowSelection;
}
//, ...
};
HTML:
<button ng-click="option.enableRowSelection=false">Freeze Selection</button> <button ng-click="option.enableRowSelection=true">Unfreeze Selection</button> <div class="gridStyle" ng-grid="gridOptions"></div>
Example Code: http://plnkr.co/edit/PbhPzv?p=preview
See also: https://github./angular-ui/ng-grid/wiki/Configuration-Options
This works in Angular 2.3:
constructor() {
this.gridOptions = <GridOptions>{};
this.gridOptions.suppressCellSelection = true;
}
add below code to gridoption
enableRowHeaderSelection: false