在 ag-grid-vue 中,可以使用 "cellClassRules" 选项来动态调整单元格样式。该选项接受一个回调函数,该回调函数接受一个参数(包含单元格数据的对象),并根据单元格数据返回一个样式名称。
例如,如果需要将 "price" 列中小于 100 的值的单元格背景设为红色,可以在列配置中添加以下代码:
{
headerName:'Price',
field: 'price',
cellClassRules: {
"ag-red-background": function(params) { return params.value < 100; }
}
}