如何 select 列在 ag-grid

Question

我使用 Ag-Grid。

我想像下圖一樣將 select 列水平和垂直。

怎么解決？？

Answer 1

我認為您必須手動執行此操作。 您可以自己觀察單元格選擇，然后跟蹤所選列。 然后，您可以在列定義參數中使用cellStyle來設置選擇列時的背景顏色。 您必須重新繪制行，因為cellStyle function 僅在繪制行時運行。 例如：

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