$.ajax({
            type: "GET",
            url: "../PartsCatalog/GetPartDetails",
            data: id,
            success: function (data) {
                debugger;
                console.log(data);
                columnNames = Object.keys(data[0]);
                console.log(columnNames);
                for (var i in columnNames) {
                    columns.push({
                        data: columnNames[i],
                        title: columnNames[i]
                    });
                }
                columns.push({
                    data: "Action",
                    title: "Action"
                })

                $("#divGridSales").css({ display: "block" });
                $('#tblViewPartDetails').DataTable({
                    "processing": true, // for show progress bar
                    "serverSide": false, // for process server side
                    "filter": true, // this is for disable filter (search box)
                    "orderMulti": false, // for disable multiple column at once
                    "bDestroy": true,   //for reinitialize the datatable
                    "data": data,
                    "columns": columns,

                    "columnDefs": [
                        {
                            // The `data` parameter refers to the data for the cell.
                            // The `rows`argument is an object representing all the data for the current row.
                            "render": function (data, type, row) {
                                var partNo = row.partNumber;
                                //console.log(row);
                                //console.log(partNo);
                                return "<a href='#' id='hlinkView' class='ti-eye' data-toggle='modal' data-target='#exampleModal' onclick='getPartDetailsByPartNumber(" + XYZ + ")'></a>";
                                /*return "<button class='btn btn-danger btn-delete' onclick='Delete(" + row.partNumber + ")'>Delete</button>";*/
                            },
                            "targets": -1 // -1 is the last column, 0 the first, 1 the second, etc.
                        },
                        {
                            targets: [0, 1, 2, 5, 6, 7, 8, 9, 10],
                            visible: false
                        },
                        {
                            targets: 3, width: '100px'
                        },
                        {
                            targets: 12, width: '100px', className: 'dt-center'
                        },
                        {
                            targets: 4, width: '400px'
                        },
                        {
                            targets: 11, width: '100px', className: 'dt-right'
                        },
                        {
                            targets: 13, width: '50px', className: 'dt-center'
                        },
                        {
                            targets: 4, className: "dt[-head|-body]-nowrap", title: 'tttttt'
                        }
                    ]
                });
            }
        });

Here in "render": function (data, type, row) section getting error like
Uncaught ReferenceError: XYZ is not defined.
if we pass numbers that time it hits the required function.
also how to cleanup popup while fetching next time