Angular中使用Ag Grid如何为空单元格设置默认显示N/A

• 方案一：全局所有列统一生效（最适配需求）
  直接配置全局默认列定义的格式化函数，所有列默认自动应用规则，空值（包括null、undefined、空字符串）都返回N/A，代码示例如下：

// 核心配置，在原有gridOptions中添加/修改defaultColDef即可
const gridOptions = {
  // 原有的其他grid配置保持不变
  defaultColDef: {
    // 原有的默认列配置（比如flex、sortable、filter等）都保留，新增以下valueFormatter
    valueFormatter: (params) => {
      if (params.value === null || params.value === undefined || params.value === '') {
        return 'N/A';
      }
      return params.value;
    }
  }
}

如果有个别列不需要遵守这个规则，直接在对应列的colDef中单独重写valueFormatter即可覆盖全局默认规则。

注意：如果部分列使用了自定义cellRenderer，valueFormatter不会生效，需要在对应cellRenderer的渲染逻辑中自行添加空值判断返回N/A即可。

• 方案二：仅指定列生效
  如果不需要所有列都显示N/A，只需要给特定列配置的话，直接在对应列的定义中添加格式化函数即可：

const columnDefs = [
  {
    field: '需要配置的列字段名',
    // 仅该列空值显示N/A
    valueFormatter: (params) => params.value ?? 'N/A'
  },
  // 其他列定义保持不变
]

效果对比 #

当前效果：

配置完成后期望效果：

内容的提问来源于stack exchange，提问作者Zahid Hussain