javascript - 如何在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