DataTables 呈现自定义列
DataTables rendering custom column
是否可以在 DataTables.net 中呈现自定义列?我已经阅读了很多教程和文档,但无法使其正常工作。我想用 link 创建第三列,我在其中使用第一列的信息。我的代码如下所示:
$(document).ready(function () {
$('#categories').DataTable({
"ajax": '@Url.Action("Table", "Categories")',
"columns": [
{ "data": "Name" },
{ "data": "Parent" },
null
],
"columnsDefs": [
{
"render": function(data){
return "<a href='~/Admin/Categories/Edit' + data.Name + '>EDIT</a>";
},
"targets": 0
}
]
});
});
在 json 中,我只获取名称和父列信息。有什么想法可以在其中创建带有 Name 的第三列吗?谢谢!
好的,所以我自己设法做到了。这是给下一代的答案:
$(document).ready(function () {
$('#categories').dataTable({
"ajax": '@Url.Action("Table", "Categories")',
"aoColumns": [
{ "data": "Name" },
{ "data": "Parent" },
{
"mData": "Name",
"mRender": function (data, type, row) {
return "<a href='Admin/Categories/Edit/" + data + "'>EDIT</a>";
}
}
]
});
});
是否可以在 DataTables.net 中呈现自定义列?我已经阅读了很多教程和文档,但无法使其正常工作。我想用 link 创建第三列,我在其中使用第一列的信息。我的代码如下所示:
$(document).ready(function () {
$('#categories').DataTable({
"ajax": '@Url.Action("Table", "Categories")',
"columns": [
{ "data": "Name" },
{ "data": "Parent" },
null
],
"columnsDefs": [
{
"render": function(data){
return "<a href='~/Admin/Categories/Edit' + data.Name + '>EDIT</a>";
},
"targets": 0
}
]
});
});
在 json 中,我只获取名称和父列信息。有什么想法可以在其中创建带有 Name 的第三列吗?谢谢!
好的,所以我自己设法做到了。这是给下一代的答案:
$(document).ready(function () {
$('#categories').dataTable({
"ajax": '@Url.Action("Table", "Categories")',
"aoColumns": [
{ "data": "Name" },
{ "data": "Parent" },
{
"mData": "Name",
"mRender": function (data, type, row) {
return "<a href='Admin/Categories/Edit/" + data + "'>EDIT</a>";
}
}
]
});
});