Установите JQuery Поле данных EDIT, равное JavaScript Переменная

Question

Я вручную добавляю поле в свой JQuery DataTable, и оно работает, но когда я нажимаю на кнопку редактирования, оно всегда показывает нулевое значение. Как можно, чтобы значение, содержащееся в cN, отображалось в кодовом имени, когда пользователь нажимает кнопку редактирования?

Это мой код, как передать значение на страницу редактирования?

Переменная имеет значение и правильно отображается в DataTable при загрузке страницы. Что мешает ему перейти на экран «РЕДАКТИРОВАНИЕ» и как мне это исправить?

$(document).ready(function () {
document.getElementById(“btnPG”).addEventListener("click", async (e) => {
    var cN = document.getElementById(“txtuserInput”).value;

    if (cN !== null) {

        document.addEventListener('click', event => {
            document.querySelector(‘#la’).hidden = false
        })

        editor = new $.fn.dataTable.Editor({
            table: "#tblManualAdd",
            idSrc: 'id',
            fields: [{
                label: "ID:",
                name: "id",
                type: "readonly"
            }, {
                label: “Employee Number:”,
                name: “employeeNumber”,
                type: "readonly",
            }, {
                label: “Employee Name:",
                name: “employeeName”,
                type: "readonly",
            }, {
                label: “Field3:”,
                name: “f3”
            }, {
                label: “Field4:”,
                name: “f4”
            }, {
                label: “Code Name:",
                    name: “cN",
                    options: [
                        { label: '', value: cN }
                    ],
            }
            ]
        });

        $('#tblManualAdd').DataTable({
            dom: "Bfrtip",
            ajax: "/api/newca",
            table: "#tblnewcam“,
            columns: [
                { data: "id" },
                { data: “empNumber" },
                { data: “empName" },
                {
                    data: null,
                    "render": function (data, type, row, meta) {
                        return null;
                    }
                },
                {
                    data: null,
                    "render": function (data, type, row, meta) {
                        return null;
                    }
                },
                {
                    "data": null,
                    "render": function (data, type, row, meta) {
                        return cN;
                    }
                },
            ],
            select: true,
            buttons: [
                { extend: "create", editor: editor },
                { extend: "edit", editor: editor }
            ]
        });
    }
    else {
        //
    }
});
})