editable flag moved to grider

packages/web/src/datagrid/ChangeSetGrider.ts

@@ -66,6 +66,10 @@ export default class ChangeSetGrider extends Grider {
     this.rowCacheIndexes.add(index);
   }
 
+  get editable() {
+    return this.display.editable;
+  }
+
   get canInsert() {
     return !!this.display.baseTable;
   }

packages/web/src/datagrid/DataGridCore.js

@@ -152,7 +152,7 @@ export default function DataGridCore(props) {
   const [inplaceEditorState, dispatchInsplaceEditor] = React.useReducer((state, action) => {
     switch (action.type) {
       case 'show':
-        if (!display.editable) return {};
+        if (!grider.editable) return {};
         return {
           cell: action.cell,
           text: action.text,

packages/web/src/datagrid/Grider.ts

@@ -25,6 +25,9 @@ export default abstract class Grider {
   revertAllChanges() {}
   undo() {}
   redo() {}
+  get editable() {
+    return false;
+  }
   get canInsert() {
     return false;
   }

packages/web/src/freetable/FreeTableGrider.ts

@@ -30,6 +30,9 @@ export default class FreeTableGrider extends Grider {
         rows: model.rows.map((row, i) => (index == i ? { ...row, [uniqueName]: value } : row)),
       };
   }
+  get editable() {
+    return true;
+  }
   get canInsert() {
     return true;
   }