覆盖aggrid中的groupCellRenderer模板

Question

我们正在处理react中的农业网格行分组。我们的组件声明是这样的：

<AgGridReact
    ...
    groupUseEntireRow={true}
    groupRowInnerRendererFramework={GroupRowRenderer}
    ...
/>

我们可以使用默认的展开/折叠。现在无需重新发明它。 唯一的问题是groupCellRender使用html span标记构建行html。

export class GroupCellRenderer extends Component implements ICellRenderer {

private static TEMPLATE =
    '<span>' +
     '<span class="ag-group-expanded" ref="eExpanded"></span>' +
     '<span class="ag-group-contracted" ref="eContracted"></span>' +
     '<span class="ag-group-checkbox" ref="eCheckbox"></span>' +
     '<span class="ag-group-value" ref="eValue"></span>' +
     '<span class="ag-group-child-count" ref="eChildCount"></span>' +
    '</span>';

问题是： 我们是否可以使用div元素覆盖它？我们需要插入自己的可能使用div元素的组件，或者甚至可能使用第3方组件。将div插入跨度不是很好。

如果可以的话，请告诉我。

谢谢！