数据表：如何呈现 <a> html 标签？

Question

这是我的数据tables 初始化。

var dataTable = $('#categoriesTable').dataTable(
    {
    "pageLength": 5,
    "lengthMenu": [[5, 10, 25, 50, 100], [5, 10, 25, 50, 100]],


    "ajax": {
        url: "http://mata.mu/coeg_cms/sempak/posts/categories",
        type: "GET"
    },
    "bSort": false,
    "columns" : [
        { "data": "name"},
        { "data": "slug"},
        { "data": "term_taxonomy.description"},
        { "data": "term_id", "render": function(data, type, full, meta){
                var delete_url = '<a href="'+$(location).attr('href')+'/'+data+'" class="button small alert expand" data-method="delete" data-reveal-id="myModal'+data+'" data-name="'+name+'">Delete</a>';
                return delete_url;
            }
        }
    ],


    "responsive" : true
});

是的，上面的代码将生成 table 然后添加操作删除列

<a href="http://mata.mu/coeg_cms/sempak/posts/categories/71" class="button small alert expand" data-method="delete" data-reveal-id="myModal71" data-name="">Delete</a>

为什么 data-name 属性为空？它应该显示第一列的名字？怎么做？请更正我的渲染函数

Answer 1

name 变量未定义。您需要使用传递给函数的 full 参数来获取它的值。

full 变量表示整行的数据。因此，您可以使用它来访问该行的 name。

您可能只需 full.name 即可获取名称。

数据表：如何呈现 <a> html 标签？

Datatables : How to render <a> html tag?

html

php

jquery

datatables

jquery-datatables