vue.js - how to make row disabled with ag-grid?

Question

I work with ag-grid and i found how to make a column disabled in the doc (https://www.ag-grid.com/documentation-main/documentation.php) but after reading doc i never find how can i make juste one row disabled.

i have already try editable: params => params.data.active === true. Maybe i didn't read right or that doesn't exist. Is someone here with some soluce track ?

Answer 1

TL;DR

There is no option in the library to make a single row disabled(both visually and keyboard event based), the only way we could make a single row disabled is by using a customCellRenderer for both header and subsequent cell checkboxes, this allows full control over the checkbox. Besides this, there are three other ways where you can disable ag-grid checkbox based on value,

1)This is using checkBoxSelection param, it would empty the cell based on the condition.

checkboxSelection = function(params) {

   if (params.data.yourProperty) {
      return true;
   }
   return false;
}

2. This would only disabled click events and style it accordingly,

cellStyle: params => return params.data.status? {'pointer-events': 'none', opacity: '0.4' } : '';