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
Post a Comment