How to add attribute in TR and TD?

Question

I want to add row using data datatables, and I can do it like this

var table = $('#mytable').DataTable(); table.add.row(['first column', 'second column', 'three column', 'etc']); 

What I need is something like this (some attribute in TR and TD tag)

<tr id="someID"> <td>first column</td> <td>second column</td> <td>three column</td> <td id="otherID">etc</td> </tr> 

How I can do it with datatables?

Answer 1

Use createdRow and columns.createdCell options to define a callback function that will be called when TR and TD element are created.

$('#example').dataTable( {   'createdRow': function( row, data, dataIndex ) {       $(row).attr('id', 'someID');   },   'columnDefs': [      {         'targets': 3,         'createdCell':  function (td, cellData, rowData, row, col) {            $(td).attr('id', 'otherID');          }      }   ] }); 

See this example for code and demonstration.