Javascript DataTables:在最后一列中显示自定义html代码
阿贾克斯: JS: HTML:Javascript DataTables:在最后一列中显示自定义html代码,javascript,jquery,ajax,datatables,Javascript,Jquery,Ajax,Datatables,阿贾克斯: JS: HTML: 身份证件 名称 统一资源定位地址 偶像 父母亲 显示 管理 操作//用于编辑、删除行的按钮。 我可以在DataTable中看到来自AJAX的数据。但最后一列仍然为空。它用于显示编辑、删除按钮 这是两个按钮(编辑、删除)的html代码。我想在最后一列中添加此代码。它应该与从AJAX接收的数据一起出现在每一行中: <thead> <tr> <th>ID</th> <th&
身份证件
名称
统一资源定位地址
偶像
父母亲
显示
管理
操作//用于编辑、删除行的按钮。
我可以在DataTable中看到来自AJAX的数据。但最后一列仍然为空。它用于显示编辑、删除按钮
这是两个按钮(编辑、删除)的html代码。我想在最后一列中添加此代码。它应该与从AJAX接收的数据一起出现在每一行中:
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>URL</th>
<th>Icon</th>
<th>Parent</th>
<th>Show</th>
<th>Admin</th>
<th class="text-right">Action</th> //button for edit,delete row.
</tr>
</thead>
我怎么做
解决方案
将此添加到最后一列
<a class="edit btn btn-sm btn-default" href="javascript:;"><i class="icon-note"></i></a> <a class="delete btn btn-sm btn-danger" href="javascript:;"><i class="icons-office-52"></i></a>
{
“数据”:空,
默认内容:“”
}
您的脚本格式不正确。您有“columns”:[
在ajax
文本中,它应该在外部。@davidkonrad更新了问题。请现在再次回答。在columns
部分添加{“data”:null}
。
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>URL</th>
<th>Icon</th>
<th>Parent</th>
<th>Show</th>
<th>Admin</th>
<th class="text-right">Action</th> //button for edit,delete row.
</tr>
</thead>
<a class="edit btn btn-sm btn-default" href="javascript:;"><i class="icon-note"></i></a> <a class="delete btn btn-sm btn-danger" href="javascript:;"><i class="icons-office-52"></i></a>
{
"data": null,
defaultContent: '<a class="edit btn btn-sm btn-default" href="javascript:;"><i class="icon-note"></i></a> <a class="delete btn btn-sm btn-danger" href="javascript:;"><i class="icons-office-52"></i></a>'
}