ag-grid - 如何通过cellRendererSelector让Ag Grid显示空白单元格

Question

我试图让我的行/列网格中的单元格在特定情况下显示为空单元格或空白内容，在另一种情况下显示为 CellRenderer 类型。 目前我在做:

cellRendererSelector: function (params) {
  const exampleCheckBox = {
    component: 'exampleCheckboxCellRenderer',
    params: {values: ['true', 'false']}
  };

  if (params.data.exampleField) {
    return exampleCheckBox;
  } else {
    return null; // HERE: null sets the string value of that field as a default cell
  }
},

在我上面的其他情况下，我想返回或显示一个空单元格或一个带有空字符串的单元格。返回 null 仅返回字段值为字符串的默认基本单元格。

Answer 1

cellRendererSelector 是一个函数，它返回要用作渲染器的组件的名称，或者返回 null。

您可以尝试以下两种方法之一:

1. 创建一个返回空字符串的单元格渲染器，例如exampleEmptyRenderer:

   if (params.data.exampleField) {
               return exampleCheckBox;
           } else {
               return exampleEmptyRenderer; 
           }
   

2. 在 exampleCheckBox 渲染器中，添加逻辑以在 init 方法中进行检查，以有条件地返回您想要的内容，因为您可以访问节点数据:

ExampleCheckBoxCellRenderer.prototype.init = function (params) {
    this.eGui = document.createElement('div');

    if (params.data.exampleField) {
    // here return your renderer
        this.eGui.innerHTML = params.value;
    } else {
    // here return empty string
        this.eGui.innerHTML = ''
    }
}