Javascript 列选择-AgGrid社区

我正在使用带有

React

的

AgGrid

社区版本。我试图在标题中的每一列上显示一个复选框。选择时，应突出显示选定列下的单元格。 此外，我需要记录所选列的更改

My

columnDefs

是基于后端数据构建的以下对象数组

{headerName: 'Name Of Header', headerCheckboxSelection: true, field: field }

输出

问题

下面是图片，当我点击任一列复选框时，它会做两件事

选中其他列标题复选框

选择所有行

而我需要执行以下操作

仅标记用户选中的复选框

仅高亮显示该列下的列

处理复选框选择事件

有什么建议吗

---

据我所知，没有用于列选择的API，与行选择的方式相同，但您可以使用

范围选择

方法

基于您的任务的可能场景

this.gridApi.addCellRange({
  rowStartIndex: 0,
  rowEndIndex: this.rowData.length-1,
  columnStart: "col_3",
  columnEnd: "col_3"
});

工作

---

另外，不确定跟踪

headerCheckboxSelection

property事件，但似乎您必须自己创建自己的并跟踪checkbox事件（我认为最好让一切都在您的控制之下）

据我所知，没有用于列选择的API，就像行选择一样，但您可以使用

范围选择

方法

基于您的任务的可能场景

this.gridApi.addCellRange({
  rowStartIndex: 0,
  rowEndIndex: this.rowData.length-1,
  columnStart: "col_3",
  columnEnd: "col_3"
});

工作

另外，不确定跟踪

headerCheckboxSelection

属性事件，但似乎您必须自己创建自己的并跟踪复选框事件（我认为最好让一切都在您的控制之下）