How does datatable generates TDs? [closed]

I have this code :

this.dataTable2 = roles.$table.find(".organization-roles-table").DataTable({ paging: true, serverSide: true, processing: true, deferLoading: 0, //prevents table for ajax request on initialize responsive: false, listAction: { ajaxFunction: _itemSerialsService.getAllDataByItemID, inputFilter: function () { return { itemId: organizationTree.selectedOu.id, serialValueFilter: $('#tbSerialNumber').val(), locationClassificationIds: $('#hdnSelectedLocations').val(), isNotPrinted: $('#chkSelectNotPrinted').prop('checked') } } }, columnDefs: [ { targets: 0, data: null, orderable: false, className: 'text-center', render: function (data, type, row) { if ($('#hdnIsManual').val() == '') { if (row.isManual) { $('#hdnIsManual').val('true'); $('#AddUserToOuButton4').attr("title", "Manual"); } else $('#hdnIsManual').val('false'); } return `<input type="hidden" value="${data.itemSerial.description}" /><input type="checkbox" class="dt-checkboxes" data-row-id="${row.itemSerial.id}" data-row-print="${row.itemSerial.printBarcodeCount}">`; }, checkboxes: { selectRow: true } },

My understanding that render function should generate tds.

I have this render function :

render: function (data) { return `<div class="serial-link"> ${data.itemSerial.serialValue} </div>`; }render: function (data) { return `<div class="serial-link"> ${data.itemSerial.serialValue} </div>`; }

But when I inspect the element of table, I do not see a div with class serial-link