Skip to main content
1 de 5

Definir atributos em colunas <td> em tabela html, com javascript

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>