ReadOnly Cells Demo

Columns can be marked as ReadOnly in ag-Grid (by setting editable to 'false' in GridOptions) and AdapTable will respect that.

But sometimes a more granular or dynamic approach is required, where different cells in the same column can be editable or Readonly depending on row data.

For this reason AdapTable provides the isCellEditable function / property in Edit Options which allows a decision to be made on a cell by cell basis.

In this demo we have provided an implementation which contains 2 rules:

  • No row where Ship Via is 'Federal Shipping' is editable - this uses the node object provided in the function.
  • The Item Count column is not editable for cells with a value over 7 - this uses the Grid Cell object provided in the function.
  • The Order Cost, Package Cost, Item Cost columns are not editable where Order Change is negative

Additionally in User Interface Options you can provide a readOnlyCellStyle (or an editableCellStyle) to more clearly visually demonstrate which cells are editable or not.

In this demo we have set an editableCellStyle so that cells which can be edited display a Green border.

AdapTable Help Resources:

Generating dummy data, please wait ...