Ag grid ag网格中的单元格无法使用标签单击

我在ag网格中有3列（版本23.2.0）。第一列和第三列应可单击以显示模式

第三栏有一支FA铅笔，效果很好

第一列有一个名称。将显示名称，但没有可单击的行为

我已包括以下代码：

var columnDefs=[
{headerName:“卡车司机名称”，字段：“名称”，cellRenderer:“ActivateCellRender2”，宽度：250，colSpan:function（参数）{
返回参数data==2？3:1；
},},
{标题名称：“业务”，字段：“模型”，最小宽度：200，
maxWidth:350，flex:2，}，
{headerName:“操作”，字段：“价格”，类型：“rightAligned”，cellRenderer:“activateCellRenderer”，flex:1}
];
//指定数据
变量行数据=[
{名称：“Ben Christy”，型号：“Salina”，价格：“A”}，
{名称：“辛迪·布利德曼”，型号：“普拉特”，价格：“我”}，
{名称：“韦斯·伍德森”，型号：“韦弗利”，价格：“A”}，
{名称：“布赖恩·施密德勒”，型号：“陆上公园”，价格：“A”}
];
//让网格知道要使用哪些列和哪些数据
变量gridOptions={
默认值f：{
可调整大小：true
},      
columnDefs:columnDefs，
domLayout:“自动高度”，
组成部分：{
“activateCellRenderer”：activateCellRenderer，
“ActivateCellRender2”：ActivateCellRender2
},
rowData:rowData，
};
//单元渲染器类
函数ActivateCellRenderer（）{
}
//init方法获取要渲染的单元格的详细信息
ActivateCellRenderer.prototype.init=函数（参数）{
this.eGui=document.createElement（'div'）；
this.eGui.innerHTML=“”
};
ActivateCellRenderer.prototype.getGui=函数（）{
返回this.eGui；
};
//单元渲染器类
函数activateCellRender2（）{
}
//init方法获取要渲染的单元格的详细信息
ActivateCellRender2.prototype.init=函数（参数）{
this.eGui=document.createElement（'div'）；
this.eGui.innerHTML=''；
};
ActivateCellRender2.prototype.getGui=函数（）{
返回this.eGui；
};
document.addEventListener（'DOMContentLoaded'，function（）{
var gridDiv=document.querySelector（“#myGrid”）；
新的agGrid.Grid（gridDiv，gridOptions）；
});   

JS对您构建innerHTML的方式不满意。如果您没有在一行中关闭标记，那么JS将为您关闭标记，并将忽略稍后遇到的任何匹配的关闭标记

这样做的话，细胞将呈现像链接，将是可点击的

this.eGui.innerHTML = '<a data-toggle="modal" href="#myModal">' + params.value + '</a>';

this.eGui.innerHTML=''；

这是一个包含代码片段的提琴。

还可以查看这张解释innerHTML失败的图片。