ag-grid-vue 设置选中单元格的样式

可以使用 "cellStyle" 和 "cellClass" 属性来设置选中单元格的样式。

cellStyle 属性可以用来设置单元格的 inline style，例如：

<ag-grid-vue :columnDefs="columnDefs" :rowData="rowData" :cellStyle="getCellStyle">
</ag-grid-vue>

methods: {
    getCellStyle({value, data, node, colDef, rowIndex, $event}) {
        if (value === 'selected') {
            return {'background-color': 'red'}
        }
        return null;
    }
}

cellClass 属性可以用来设置单元格的 CSS class，例如：

<ag-grid-vue :columnDefs="columnDefs" :rowData="rowData" :cellClass="getCellClass">
</ag-grid-vue>

methods: {
    getCellClass({value, data, node, colDef, rowIndex, $event}) {
        if (value === 'selected') {
            return 'selected-cell'
        }
        return null;
    }
}

对应的CSS样式

.selected-cell {
    background-color: red;
}

注意：需要在设置样式时判断当前单元格是否是选中状态。