我可以阻止人们编辑 ag-Grid 中的特定单元格吗？

Question

我只想使列中的某些单元格可编辑。我可以看到如何将整个列设置为只读，而不仅仅是一些单元格。我们正在使用 ag-Grid 24 React 版本和 AdapTable。

Answer 1

您可以在 ag-Grid 和 AdapTable 中执行此操作。

如果需要，AdapTable 方法是在 Edit Options (which you can then style through either the readOnlyCellStyle or editableCellStyle properties in User Interface Options 中提供 isCellEditable 的实现。

有关详细信息，请参阅 this demo。

Answer 2

列定义属性 editable 可以是 boolean or callback function。如果您提供回调，则可以添加条件以允许列中的单元格可编辑。

例如，如果我们想让一个单元格仅在包含字符串 'Michael':

时才可编辑

  const isAthleteEditable = (params) => {
    const value = params.data[params.column.getColId()];
    if (value.includes('Michael')) {
      return true;
    } else {
      return false;
    }
  };

查看 following sample 中的实现。

我可以阻止人们编辑 ag-Grid 中的特定单元格吗？

Can I stop people editing specific cells in ag-Grid?

datagrid

ag-grid

ag-grid-react