Javascript 用于添加超链接的数据格式化程序无效

我试图用javascript呈现一个表，如下所示：

$('#serviceTable').DataTable({
        responsive: true,
        aaData: services,
        bJQueryUI: true,
             aoColumns: [
                     { mData: 'service_name' },
                     { mData: 'last_incident' },
                     { mData: 'integration' }
                ]
      });

我想在

service\u name

列中的文本上添加一个超链接。我尝试在表定义中添加

数据格式化程序

，如下所示

<table id="serviceTable" class="table table-bordered table-striped">
  <thead>
  <tr>
    <th data-field="service_name" data-formatter="LinkFormatter">Service</th>
    <th data-field="last_incident">Last Incident</th>
    <th  data-field="integration">Integration</th>
  </tr>
  </thead>
</table>

服务
最后一件事
整合

以及相应的功能

function LinkFormatter(value, row, index) {
        return "<a href='/service/"+row.service_id+"'>"+value+"</a>";
}

函数链接格式化程序（值、行、索引）{
返回“”；
}

---

但这并没有添加超链接。有人能帮忙吗？

您尝试过DataTables

渲染

选项吗？

$（'#serviceTable'）。数据表({
回答：是的，
aaData：服务，
bJQueryUI：是的，
AO列：[
{mData:'服务名称'，
呈现：函数（数据、类型、行）{
返回“”；
}
},
{mData:'上次事件'}，
{mData:'集成'}
],
});

尝试使用

渲染

如下所示

  $('#serviceTable').DataTable({
        responsive: true,
        aaData: service,
        bJQueryUI: true,
             aoColumns: [
                     { 
                       mData: 'service_name' ,
                       "render": function(value, type, row, meta){
                        return "<a href='/service/"+row.service_id+"'>"+value+"</a>";
                       }
                     },
                     { mData: 'last_incident' },
                     { mData: 'integration' }
                ]
      }

$（'#serviceTable'）。数据表({
回答：是的，
aaData：服务，
bJQueryUI：是的，
AO列：[
{ 
mData:“服务名称”，
“呈现”：函数（值、类型、行、元）{
返回“”；
}
},
{mData:'上次事件'}，
{mData:'集成'}
]
}

))

工作样本

服务
最后一件事
整合
var service=[{“service\u id”：“1”，“service\u name”：“service 1”，“last\u incident”：“i1”，“integration”：“i2”}
，{“服务id”：“2”，“服务名称”：“服务2”，“上次事件”：“i1”，“集成”：“i2”}
];
$（'#serviceTable'）。数据表({
回答：是的，
aaData：服务，
bJQueryUI：是的，
AO列：[
{ 
mData:“服务名称”，
“呈现”：函数（值、类型、行、元）{
返回“”；
}
},
{mData:'上次事件'}，
{mData:'集成'}
]
});