Tenho o seguinte código abaixo que recebe alguns dados via ajax e atribui os valores recebidos em um tabela que é definida com o "DataTable". Eu gostaria de saber como eu faço para definir atributo às minhas tags "td" (que são criadas dinâmicamente) id, name e eventos como onclick. Todas as linhas que são criadas devem possuir ester atributos.
function processed(p_campanha_id, p_pagina){
var table = $('#example').DataTable();
table.fnClearTable();
var campanha_id = p_campanha_id;
if(!p_pagina){
pagina = 1;
}
var pagina = p_pagina;
$.ajax({
dataType: 'json',
url: "<?php echo LINK_DEFAULT; ?>campanhas/estatisticaprocessed",
data: { campanha_id : campanha_id, pagina: pagina },
complete: function(result) {
console.log(result);
var json = JSON.parse(result.responseText);
var val_data;
$.each(json.detalheProcessed, function(i, val){
val_data = convert(val.event_timestamp);
dadosTabela = [val.email, 'Enviado', '', val_data ];
table.fnAddData(dadosTabela);
table.addClass('center hidden-xs');
});
table.fnDraw();
dataCerta();
}
});
}
<table class="table table-striped table-bordered table-hover" id="example" name="example" onBlur="dataCerta();" onclick = "dataCerta(); " onfocus="dataCerta();">
<thead onBlur="dataCerta();" onclick = "dataCerta(); " onfocus="dataCerta()";>
<tr>
<!-- <th class="center">Template Utilizado</th> -->
<th class="center hidden-xs" onBlur="dataCerta();" onclick = "dataCerta();">Email </th>
<th class="center hidden-xs" onBlur="dataCerta();" onclick = "dataCerta(); " onfocus="dataCerta();">Evento</th>
<th class="center hidden-xs" onBlur="dataCerta();" onclick = "dataCerta(); " onfocus="dataCerta();">Motivo</th>
<th class="center hidden-xs" onBlur="dataCerta();" onclick = "dataCerta(); " onfocus="dataCerta();" style="width: 150px;">Data do Evento</th>
</tr>
<tbody>
<tr>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr>
</tbody>
</table>