Why is my jquery datatables createdrow function not working?

Question

I am trying to use Datatables Rows Created Callback to modify the data in a string before drawing it. What I'm trying to do is to replace all <, and >on '<', and '>'so I could put a line break in each well and have text on separate lines. '\n'or linefeeddoes not work.

var oTable = $('#table').DataTable( { 
      "createdRow" : function( row, data, index) {
         console.log( 'DATA WAS ' + data[0]);
         data[0] = data[0].replace(/&lt;/g,'<').replace(/&gt;/g,'>');
         console.log( 'DATA IS ' + data[0]);
       }

in the console, I see the correct data changes. But actually this is not a table change. Is there any way to do this? or is the createRow callback called after a line has already been drawn?

Answer 1

, . createdRow callback , . , , , , (?), defs: D /, -, <.

var oTable = $('#table').DataTable( { 
    "columnDefs": [ {
        "targets": 0,
        "render": function(data, type, row, meta) {
            html = data.replace(/&lt;/g,'<').replace(/&gt;/g,'>');
            return html;
        },
    ],
}

Answer 2

td ().

var oTable = $('#table').DataTable( { 
    "createdRow" : function( row, data, index) {
    console.log( 'DATA WAS ' + data[0]);
    data[0] = data[0].replace(/&lt;/g,'<').replace(/&gt;/g,'>');
    console.log( 'DATA IS ' + data[0]);
    $('td', row).eq(0).append(data[0]);
}