Как выбрать столбец в ag-сетке

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