javascript - Why is my jquery datatables createdrow function not working? - Stack Overflow

admin管理员组

文章数量:1326012

I am trying to use the Datatables Rows Created Callback to modify the data in the row before drawing it. What I am trying to do is replace all < and > with '<' and '>' so I can put a line break in each cell and have text on separate lines. '\n' or linefeed does 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 can see the data being modified correctly. But its not actually modifying the table. Is there a way to do this? or is the createdRow callback called after the row has already been drawn?

I am trying to use the Datatables Rows Created Callback to modify the data in the row before drawing it. What I am trying to do is replace all < and > with '<' and '>' so I can put a line break in each cell and have text on separate lines. '\n' or linefeed does 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 can see the data being modified correctly. But its not actually modifying the table. Is there a way to do this? or is the createdRow callback called after the row has already been drawn?

• javascript
• jquery
• html
• datatables

Share Follow edited Jun 14, 2014 at 11:04 Bach 6,22777 gold badges3838 silver badges6464 bronze badges asked Jun 14, 2014 at 10:53 user1768233user1768233 1,46133 gold badges2020 silver badges2828 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

Yep, correct. createdRow callback is only called after the row has already been drawn. Instead of fixing your current code, I will show you how to do it using the proper (?) way by using column defs :D Also, I'd think/hope there was something somewhere that would convert your < stuff automatically.

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

Add the modified element back to the td (column) in question.

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]);
}

本文标签： javascriptWhy is my jquery datatables createdrow function not workingStack Overflow