Ag-grid 如何通过单击按钮更新单元格样式

Question

我的网格顶部有一个按钮，我想在单击后根据单元格值更新单元格样式。我有一些工作，但它更新所有列而不是特定单元格。单击按钮时如何更新/定位特定单元格。

updateCellStyle(){ this.gridApi.getColumnDef(column).cellStyle = { border: '1px solid #165a9f' }}

Answer 1

我没有测试过，但我相信它是这样的；点击按钮时将 buttonClicked 设置为 true。

const gridOptions = {
    ....
    context: {
        buttonClicked: false
    }
};

在 columnDef 中：

cellStyle: params => params.context.buttonClicked && params.value > 80 ? 
    { border: '1px solid #165a9f' } : { border: 'whatever it is before the button is clicked' }