如何在ag-grid中选择列

Question

我正在使用Ag-Grid。

我想选择图片下方的水平和垂直列。

如何解决？

Answer 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