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