javascript - ag-Grid/Reactjs - 如何获取columnDefs中的单元格值

Question

我在 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>`;
}

目前，我在我的 cellRendererParams 中硬编码了 value: "BUY"，但我希望它实际上等于该列的单元格中的任何内容，可以是BUY或SELL。

此值会影响应用于文本的 CSS，BUY 值将为绿色，Sell 值将为红色。

如何将 value 设置为等于单元格中的实际文本，而不是像这样进行硬编码？

Answer 1

感谢“A Ghanima”提到使用params.value，这帮助我想出了以下有效的解决方案

{
  headerName: 'Side',
  field: UI_FIELDS.SIDE,
  width: 70,
  cellRenderer: sideRenderer,
  cellRendererParams: (params) => { value: params.value }
}