Javascript jquery datatable将数据属性绑定到显示的内容

我已经安装了jQuery datatable插件，并对其进行了如下初始化：

   $('#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 }

                ]
            });

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

$（'#datatable-responsive2'）。datatable({
//数据：数据，
//是的，
“页面长度”：25，
“bLengthChange”：false，
“处理”：对，
“服务器端”：正确，
“过滤器”：false，
“orderMulti”：错误，
“ajax”：{
“url”：“/Administrator/LoadData/”，
“类型”：“职位”，
“数据类型”：“json”
},
“栏目”：[
{“data”：“FirstName”，“name”：“Lela”，“autoWidth”：true}，
{“data”：“Email”，“name”：“Email”，“autoWidth”：true}，
{“data”：“Active”，“name”：“Status”，“autoWidth”：true}，
{“targets”：-1，“data”：“UserId”，“defaultContent”：“Click！”，“autoWidth”：true}，
{“data”：“FirstName”，“name”：“Full name”，“autoWidth”：true}
]
});

请注意本栏：

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

{“targets”：-1，“data”：“UserId”，“defaultContent”：“Click！”，“autoWidth”：true}

我已经跟随了他们关于如何在那里呈现HTML元素的文档。。。但是我现在需要的是什么，我无法弄清楚，当数据表生成时，如何在数据表中为这个HTML元素设置特定的属性

正如您所看到的，我已经将datatable的数据源设置为UserId，现在我希望每个按钮“单击”都有值，不管UserId的值是什么

有人能帮我吗

另外，我想在该列中输出一个HTML元素，其结构如下：

   $('#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 }

                ]
            });

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

单击我事件

您需要为以下内容定义列的属性：

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

{
“目标”：-1，
“数据”：“用户ID”，
“呈现”：函数（数据、类型、完整、元）{
返回“点击！”；
}, 
“自动宽度”：真
}

data

属性将包含

UserId

，可在

render

函数中使用

---

你可以参考它的

Ehsan，这可能是我最近得到的最有用的回复。非常直接和整洁：）快乐的编码！很高兴它帮助了你：）