我在 Reactjs 应用程序中使用 ag-Grid 表，我的代码片段如下所示：
const columnsDef = [
.
.
{
headerName: 'Side',
field: UI_FIELDS.SIDE,
width: 70,
cellRenderer: sideRenderer,
cellRendererParams: {
value: "BUY"
}
},
.
.
]
function sideRenderer(params) {
const value = _.get(params, 'value') || '';
const styleSuffix = _.isEmpty(value) ? 'default' : value.toLowerCase();
return `<span class="side-renderer side-renderer-${styleSuffix}">${value}</span>`;
}
我暂时value: "BUY"在 my 中cellRendererParams进行了硬编码，但我希望这实际上等于该列的单元格中的任何内容，可以是BUY或SELL。
该值影响应用于文本的 css，一个BUY值将被着色为绿色，一个Sell值将被着色为红色。
如何设置value等于单元格中的实际文本而不是像这样硬编码？
感谢 'A Ghanima' 提到使用params.value，这帮助我想出了以下有效的解决方案
{
headerName: 'Side',
field: UI_FIELDS.SIDE,
width: 70,
cellRenderer: sideRenderer,
cellRendererParams: (params) => { value: params.value }
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句