Ag grid 自定义ag网格上的树图标

我想在折叠和展开箭头以及叶级之前的第一列中，在ag网格的树状视图之前添加图标。。如何为此编写自定义渲染。

您可以在树状视图的第一列中添加图标或按钮，如下所示：-

 autoGroupColumnDef: {
                headerName: 'OrgHierarchy',
                field: 'OrgHierarchy'
            //user valueGetter and valueSetter
                 valueGetter: (params) => {

                },
                valueSetter: (params) => {
                    return true;
                },
                cellRendererParams: {
                    suppressCount: true,
                    innerRenderer: 'orgHierarchyRenderer',  //<=====add it as
                },

}

components: {
  orgHierarchyRenderer: this.OrgHierarchyRenderer(),
}


 OrgHierarchyRenderer() {
        function orgHierarchyRenderer() {}
        orgHierarchyRenderer.prototype.init = function (params) {
            this.eGui = document.createElement('div');
            this.eGui.innerHTML = params.value;

            // add buttons or any icon as below and style to position
            this.btnEle = document.createElement('button');
            this.btnEle.className = 'btnDivDetails';
            this.btnEle.innerHTML = "Details <i class='kr-right_arrow'></i>";
            this.btnEle.addEventListener('click', function (event) {
                
                }
            
            });
            this.eGui.appendChild(this.btnEle);
        };

        orgHierarchyRenderer.prototype.getGui = function () {
            return this.eGui;
        };
        orgHierarchyRenderer.prototype.getValue = () => {
            return this.eGui;
        };
        orgHierarchyRenderer.prototype.destroy = function () {};
        orgHierarchyRenderer.prototype.isPopup = function () {
            return false;
        };
        return orgHierarchyRenderer;
    }
}

autoGroupColumnDef:{
headerName:“OrgHierarchy”，
字段：“OrgHierarchy”
//用户valueGetter和valueSetter
估价师：（参数）=>{
},
valueSetter:（参数）=>{
返回true；
},
CellRenderParams：{
是的，
innerRenderer:'orgHierarchyRenderer'，//{
返回this.eGui；
};
orgHierarchyRenderer.prototype.destroy=函数（）{}；
orgHierarchyRenderer.prototype.isPopup=函数（）{
返回false；
};
返回orgHierarchyRenderer；
}
}

使用单元格渲染器组件，在展开/折叠箭头之前添加图标是不可能的，但是您可以利用CSS来做到这一点

例如，以分组节点为目标，然后添加图标（在本例中为字体图标）：

---

请参见以下示例了解如何操作：

您的问题不清楚。试着添加一些用户界面和代码，或者用小提琴来解释你的问题。不用担心，很高兴能帮上忙。如果我的回答能解决你的问题，你能接受我的回答吗。

    .ag-theme-alpine span.ag-row-group::before {
      font-family: 'Font Awesome 5 Free';
      font-weight: bold;
      content: '\f00d';
      color: red;
    }