You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

AG-Grid React如何将布尔值显示为true/false而非复选框

AG-Grid React 布尔值列显示文本而非复选框的配置方法

有两种常用方法可以实现这个需求:

  • 直接修改列类型:在列定义里给目标列加上type: 'text',就能让布尔值直接显示为true或false文本,覆盖默认的复选框渲染。示例代码:
const columnDefs = [
  { headerName: '状态', field: 'isActive', type: 'text' }
];
  • 自定义单元格渲染:如果需要更灵活的显示逻辑,可以用cellRenderer写个简单的渲染函数,直接返回布尔值对应的文本:
const columnDefs = [
  { 
    headerName: '状态', 
    field: 'isActive',
    cellRenderer: (params) => params.value ? 'true' : 'false'
  }
];

AG-Grid默认会把布尔类型字段映射为复选框列,通过上述两种方式就能强制改成文本显示。

内容的提问来源于stack exchange,提问作者kats

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.01 16:59:50