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