javascript - Issue setting a td id/name in DataTables 1.10.x -


this relates datatables 1.10.x.

i'm using this reference create child rows, , it's easy put html inside of javascript code that's genereated, this:

function format ( d ) {     return '<div class="slider">'+      '<table id="expandinput" cellpadding="5" cellspacing="0" border="0" style="margin: 0 auto;">'+                         '<tr>'+             '<td class="dropheader">cost</td>'+             '<td class="dropinfo"><input required type="text" id="cost" name="cost" value="'+d.cost+'"></input></td>'+                         '</tr>'+                            '</table>'+    '</div>';  } 

but affects child child that's generated on-click. have no idea how create id or name using standard datatables syntax cells datatables generates. example able find on datatables' website relates creating id using server side

var table = $('#ltc-table').datatable( {         "data" : json,             "columns" : [       { data : 'cost' },       { data : 'resale' }   ],   "columndefs": [   { classname: "details-control", "targets": [ 0 ] }   ] }); 

i know can set class of td using columndefs, demonstrated here, can't figure out how add additional criteria, , need set unique id , name each td that's genereated.

you need use createdrow property define callback whenever tr element created table's body.

$('#example').datatable( {    "createdrow": function ( row, data, index ) {       $('td', row).eq(1).attr('id', 'td-' + index + '-1');    } }); 

code $('td', row).eq(1) used select second cell in table row using zero-based index (1 second cell). code attr('id', 'td-' + index + '-1') set cell id attribute td-0-1 first row, td-1-1 second row, etc., index zero-based row index.

see this jsfiddle or row created callback example demonstration.


Comments

Popular posts from this blog

Java 3D LWJGL collision -

spring - SubProtocolWebSocketHandler - No handlers -

methods - python can't use function in submodule -