Angular ag grid FullWidthCellRenderer正在替换整行

我正在使用ag网格，试图实现全宽行..以展开最后一列“查询”。但行中只显示查询

任何帮助都将不胜感激

export class FullWidthCellRenderer {
        public eGui: any;

        // gets called once before the renderer is used
        public init(params) {
            // create the cell
            //this.eGui = document.createElement('div');
            //this.eGui.innerHTML = this.getTemplate(params);

            let eTemp = document.createElement('div');
            eTemp.innerHTML = this.getTemplate(params);
            this.eGui = eTemp.firstElementChild;


            // set value into cell
            //this.eValue.innerHTML = params.value;
        };

        // gets called once when grid ready to insert the element
        public getGui() {
            return this.eGui;
        };

        public getTemplate(params) {
            // the flower row shares the same data as the parent row
            let data = params.node.data;

            let template =
                '<div class="full-width-panel">' +
                '  <div class="full-width-center">' + data.Query +
                '  </div>' +
                '</div>';

            return template;
        };
    }

导出类FullWidthCellRenderer{
公共eGui：任何；
//在使用渲染器之前调用一次
公共初始化（参数）{
//创建单元格
//this.eGui=document.createElement（'div'）；
//this.eGui.innerHTML=this.getTemplate（参数）；
让eTemp=document.createElement（'div'）；
eTemp.innerHTML=this.getTemplate（参数）；
this.eGui=eTemp.firstElementChild；
//将值设置到单元格中
//this.eValue.innerHTML=params.value；
};
//在网格准备插入元素时调用一次
公共getGui（）{
返回this.eGui；
};
公共getTemplate（params）{
//花卉行与父行共享相同的数据
设data=params.node.data；
let模板=
'' +
''+数据查询+
'  ' +
'';
返回模板；
};
}

和“网格选项”，如下所示

this.gridOptions={
columnDefs：[
{标题名称：“名称”，字段：“名称”，宽度：150}，
{标题名称：“abc”，字段：“abc”，宽度：150}，
{标题名称：“def”，字段：“def”，宽度：150}，
{
标题名称：“查询”，字段：“查询”，宽度：150，
“组”，
//CellRenderFramework：{
//组件：GroupComponent
//},
CellRenderParams:{innerRenderer:queryCellRenderer}
}
],
isFullWidthCell:函数（行节点）{
返回true；
},
fullWidthCellRenderer:fullWidthCellRenderer，
getRowHeight:函数（参数）{
返回200；
},
onGridReady:函数（参数）{
//网格准备就绪后，自动扩展爱尔兰和英国
params.api.forEachLeafNode（函数（rowNode）{
rowNode.expanded=true；
});
params.api.onGroupExpandedOrCollapsed（）；
},
//返回true，表示所有数据都可以使用
doesDataFlower:函数（数据项）{
返回true；
}
};

isFullWidthCell不应始终为真。试试这个：

isFullWidthCell: (rowNode: RowNode) => { return rowNode.level === 1; }

---

资料来源：

你的工作顺利吗？

isFullWidthCell: (rowNode: RowNode) => { return rowNode.level === 1; }