jQuery数据表将数据属性绑定到显示的内容

Question

我已经安装了jQuery数据表插件，并且已经将其初始化为：

   $('#datatable-responsive2').DataTable({
            //    data: data,
               // deferRender: true,
                "pageLength": 25,
                "bLengthChange": false,
                "processing": true,
                "serverSide": true,
                "filter": false,
                "orderMulti": false,

                "ajax": {
                    "url": "/Administrator/LoadData/",
                    "type": "POST",
                    "datatype":"json"
                },
                "columns": [
                    { "data": "FirstName", "name": "Lela", "autoWidth": true },
                    { "data": "Email", "name": "Email", "autoWidth": true },
                    { "data": "Active", "name": "Status", "autoWidth": true },
                    { "targets": -1, "data": "UserId", "defaultContent": "<button>Click!</button>", "autoWidth": true },
                    { "data": "FirstName", "name": "Full name", "autoWidth": true }

                ]
            });

请注意此列：

  { "targets": -1, "data": "UserId", "defaultContent": "<button>Click!</button>", "autoWidth": true }

我一直在跟踪他们的文档，以了解如何在此处呈现HTML元素...但是我现在需要的是，还无法弄清楚在生成数据表时如何实际为该HTML元素设置某个属性。 。

如您所见，我已经将数据表的数据源设置为UserId，现在无论UserId的值是多少，我希望每个按钮“ Click”都具有值...

有人可以帮我吗？

PS，所以我想在该列中输出HTML元素，whos结构将是这样的：

<button values="whatever the value of userId is..?">Click me event</button>

Answer 1

您需要为此定义列的render属性，如下所示：

{ 
    "targets": -1, 
    "data": "UserId", 
    "render": function (data, type, full, meta) {
                                return "<button id='"+ data +"'>Click!</button>";
                            }, 
    "autoWidth": true 
}

data属性将包含UserId ，可在render函数中使用。

您可以在这里参考它的文档