如何在 ag-grid 中选择列答案

【问题标题】：How to select column in ag-grid如何在 ag-grid 中选择列
【发布时间】：2020-07-20 20:26:40
【问题描述】：

我使用 Ag-Grid。

我想像下图一样选择水平和垂直的列。

如何解决？？

【问题讨论】：

标签： javascript datatable grid ag-grid ag-grid-vue

【解决方案1】：

我认为您必须手动执行此操作。您可以自己观察单元格选择，然后跟踪所选列。然后您可以在列定义参数中使用cellStyle 来设置选择列时的背景颜色。您必须重新绘制行，因为 cellStyle 函数仅在绘制行时运行。例如：

onCellFocused: function(params) {
    if (params.column) {
        selectedColumn = params.column.colDef;
        params.api.redrawRows();
    }
},
defaultColDef: {
    cellStyle: function(params) {
        if (params.colDef === selectedColumn) {
            return {'background-color': '#b7e4ff'};
        }
    }
}

不幸的是，重绘行似乎会清除选择，因此您要么必须手动重新选择行，要么使用行样式。

在这里查看：https://stackblitz.com/edit/ag-grid-select-column?embed=1&file=index.js

【讨论】：