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

【问题标题】：Ag-grid how to update cell style by clicking a buttonAg-grid 如何通过单击按钮更新单元格样式
【发布时间】：2021-07-16 14:43:48
【问题描述】：

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

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

【问题讨论】：

标签： angular ag-grid-angular

【解决方案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' }

【讨论】：

谢谢，如果您知道确切的列，这将起作用，我的列是动态的，取决于我需要突出显示单元格
那么我不明白你的情况，你不是每列都有一个 columnDef 吗？如果是这样，则仅将上面的 cellStyle 添加到您希望根据单元格值着色的那些 columnDefs。