AG-Grid标题单元格选择

Question

我正在尝试创建一个AG网格来分配权限，“标题选择”应在其中选择该列中所有可用的单元格。

应该是这样的：

一种方法是使用HTML模板和Cell-Renderer为行创建标题。

有没有一种方法可以使用AG-Grid属性或API来实现？

Answer 1

在Ag-grid文档中有一个Header Checkbox Selection示例。

标题复选框选择

  

标题中可能有一个复选框可供选择。要将列配置为具有复选框，请设置colDef.headerCheckboxSelection = true。如果您希望有时显示复选框（例如，如果列在网格中排第一位），则headerCheckboxSelection也可以是一个函数。

// the name column header always has a checkbox in the header
colDef = {
    field: 'name',
    headerCheckboxSelection: true
    ...
}

// the country column header only has checkbox if it is the first column
colDef = {
    field: 'country',
    headerCheckboxSelection: function(params) {
        var displayedColumns = params.columnApi.getAllDisplayedColumns();
        var thisIsFirstColumn = displayedColumns[0] === params.column;
        return thisIsFirstColumn;
    }
    ...
}