jQuery-如何向表中的列添加按钮

Question

我想在“操作”列中添加一个按钮，但是我不能输入data-activateUser= item["AspNetUserId"]的值。我正在使用插件DataTables btw。

我的桌子

数据源

$.getJSON("/Account/InactiveAccounts").then(function (items) {
                var item = items;
                console.log(item["UserAccounts"]);
                $('#inactive-accounts').DataTable({
                    columnDefs: [{ targets: 'no-sort', orderable: false }],
                    data: item["UserAccounts"],
                    "processing": true,
                    columns: [
                        { data: "Username" },
                        { data: "Password" },
                        { data: "Email" },
                        {
                            data: function () {
                                return `<button onclick="clickDeactivateUser(this)" class="btn btn-danger btn-sm" data-activateUser=`+ item["AspNetUserId"] +`>Activate</button>
                                            `;
                            }
                        }
                    ]

                });

JSON数据

Answer 1

请更改您的

data: function () {
    return `<button onclick="clickDeactivateUser(this)" class="btn btn-danger btn-sm" data-activateUser=`+ item["AspNetUserId"] +`>Activate</button>`;
}

到

render: function (data, type, row, meta) {
    return '<button onclick="clickDeactivateUser(this)" class="btn btn-danger btn-sm" data-activateUser="'+ row.AspNetUserId +'">Activate</button>';
}

有关渲染器的更多详细信息，请检查this