ag-grid单元格级别复选框

Question

我想显示所有行，所有列都带有复选框，因为我只想要true / false值。但是我想访问单个单元格的值，即每个复选框都可以选中/取消选中。参见下图。

据我所知，当我勾选复选框时，将选中该行的所有复选框。因此，我可以选中/取消选中单个复选框吗？

Answer 1

      {
      headerName: 'Operator',
      checkboxSelection: false,
      headerCheckboxSelection: false,
      filter: false,
      sortable: false,
      field: 'operator',
      cellRenderer: function(params) {
        let operatorValue = params.value;
        const input = document.createElement('input');
        input.type = 'checkbox';
        if (operatorValue) {
            input.checked = true;
            params.data.operator = true;
        } else {
            input.checked = false;
            params.data.operator = false;
        }
        input.addEventListener('click', function (event) {
          input.checked != input.checked;
          params.data.operator  = input.checked;
        });
        return input;
    }
    }

希望这有助于演示和设置值。

Answer 2

我还试图找出它今天的运作方式。我发现，最好的方法是创建一个新的Component并使用cellRendererFramework代替cellRenderer。

这是一个带有示例的StackBlitz：

Aggrid中的Stackblitz示例复选框

*更新了Stackblitz示例，以展示如何更新基础模型！谢谢你的提示！