如何使列成为数据表中的链接.js

How do I make a column a link in datatables.js?

本文关键字:链接 js 数据表 何使列      更新时间:2023-09-26

我正在尝试弄清楚如何使列成为dataTables.js中的链接。 我让它大部分工作,但无法显示链接。

var dataSet = [
 ['PR12345','Test O Rama','5/7/2015','Open'],
 ['PRJ_AR09','Project Name','5/8/2015','New Request'],
 ['PRJ_AR18','Test Project','5/10/2015','New Request'],
 ['PR092134','Test Project 1','5/10/2015','Open'],
 ['PRO012333','Test Project 2','5/10/2015','Open'],
 ['PRO83880','Test Project 3','5/10/2015','Open']
];
$(function() {
    $('#demo').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="workQueueTable"></table>' );
    $('#workQueueTable').DataTable({
    "data": dataSet,
    "columns": [
        { "title": "Project ID", "sWidth": "10%", "fnRender": function(data) {
                return "<a href='" + data + "'></a>";
                }  },
        { "title": "Project Name" },
        { "title": "Date Requested", "sWidth": "10%" },
        { "title": "Status", "sWidth": "15%" }
    ]
    });
});

示例代码

似乎无法显示链接?

好的,所以我找到了答案。 fnRender 已折旧,因此您必须立即使用 mRender。

令人惊讶的是,当您使用正确的语法时,一切都会更好地工作。