JQuery - как добавить кнопку в столбец таблицы

Question

Я хочу добавить кнопку в столбец «Действие», но не могу указать значение data-activateUser= item["AspNetUserId"].Я использую плагин DataTables между прочим.

Моя таблица

DataSource

$.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