Как выбрать столбец в 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