ag-grid - 动态单元格值的行上的条件样式

Question

ag 网格上的条件行样式，我想对用户选择的单元格值进行行样式

gridoptions.getRowStyle = function(params) {
  if (params.node.data === 'cell value typed by user in external/custom component i.e outside grid') {
    return { 'background': value selected by user in cutom componet outside grid };
  }
}

Answer 1

@sandeep 的回答完美无缺。我只是想以另一种方式解决使用 context 的问题. context只是另一个 javascript 对象，其中包含您想要在 AgGrid 中共享的任何信息。在大多数 AgGrid 回调中都可以访问数据，例如单元格渲染器、编辑器的渲染回调以及在您的情况下 getRowStyle打回来

const sickDays = // data from external component
const color = // data from external component

<AgGridReact
  getRowStyle={(params) => {
    const { styles, data } = params.context;

    if (params.node.data["sickDays"] === data.sickDays) {
      return { backgroundColor: styles.color };
    }
    return null;
  }}
  context={{
    data: { sickDays },
    styles: { color }
  }}
/>

现场演示