Why changning cloumn name now working in datatable creation? [closed]

I have this code

targets: 2, data: null, name:'serialValue', defaultContent: '', orderable: true, //render: function (data) { // return data.itemSerial.serialValue; //} render: function (data) { return `<div class="serial-link"> ${data.itemSerial.serialValue} </div>`; }

I changed name:'serialValue2', and render function return <div>Test</div>;

and it is not working ?

any reason ?