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
相关产品推荐
相关产品推荐

