AG-Grid 标题单元格选择

Question

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

应该是这样的：

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

我有没有办法使用 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;
    }
    ...
}