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

Question

我正在尝试让 row/column 网格中的单元格在特定情况下显示为空单元格或空白内容，在另一种情况下显示为 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
  }
},

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

Answer 1

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

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

创建一个 return 为空字符串的单元格渲染器，例如exampleEmptyRenderer:

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

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

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 = ''
    }
}

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

How to get Ag Grid to display blank cell via cellRendererSelector

ag-grid

ag-grid-angular