如果您在使用Ag Grid时遇到“Cell Render”属性不存在的错误,那么很可能是因为您的版本太老。这是一个已知问题,并且在以后的版本中已经解决。
解决此问题的最佳方法是升级到最新版本的Ag Grid。
如果您因一些原因无法升级,请考虑使用“cellRendererFramework”属性而不是“cellRender”属性。这将允许您指定要用作单元格渲染器的组件。以下是一个示例代码片段:
import { Component } from '@angular/core';
import { SquareRendererComponent } from './square-renderer.component';
import { CubeRendererComponent } from './cube-renderer.component';
@Component({
selector: 'app-ag-grid',
templateUrl: './ag-grid.component.html',
styleUrls: ['./ag-grid.component.css']
})
export class AgGridComponent {
columnDefs = [
{ headerName: 'Number', field: 'number', cellRendererFramework: SquareRendererComponent },
{ headerName: 'Cube', field: 'number', cellRendererFramework: CubeRendererComponent }
];
rowData = [
{ number: 1 },
{ number: 2 },
{ number: 3 }
];
frameworkComponents = {
SquareRendererComponent,
CubeRendererComponent
};
}
请注意,“cellRendererFramework”属性在这里替代了“cellRender”属性。此外,我们还指定了要用作单元格渲染器的两个组件:“SquareRendererComponent”和“CubeRendererComponent”。
您可以创建自己的自定义渲染器组件,或者使用Ag Grid提供的默认渲染器。