javascript - poner atributo de datos en la fila agregar en DataTables 1.10

jquery html

Question

table.row.add() dinámicamente una nueva fila en DataTables 1.10.2 usando el método table.row.add() usando este código:

table.row.add([
    '''',
    name,
    target_l,
    details,
    panel.html()    
]).draw();

Produje este recargo:

<tr role="row" class="odd">
    <th>1 .</th>
    <td class="sorting_1">ID Fee</td>
    <td>All students</td>
    <td></td>
    <td>
        <button class="btn btn-null btn-xs" onclick="_remove(59, ''ID Fee'')">
            <span class="fui-cross"></span>
        </button>
        <button class="btn btn-null btn-xs" onclick="_edit(59, ''ID Fee'', '''', '''')">
            <span class="icon-pencil"></span>
        </button>
    </td>
</tr>

Lo que quiero hacer es agregar un atributo de identificación de datos (y otros datos) a la etiqueta tr recién agregada (en o después de insertar una fila) y hacer algo como esto:

<tr data-id="59" role="row" class="odd">

Logré obtener el índice de la fila recién agregada usando el código y devuelve el último índice de fila :

var i = table.row.add([
    '''',
    name,
    target_l,
    details,
    panel.html()    
]).index();

Y también traté de realizar lo siguiente para agregar el atributo de identificación de datos usando ese índice:

var id = $("#department_id").val();
table.row(i).attr("data-id", id);
// table.row(i).data("id", id);
// I wanted to try this but there is also a method called data() already in
// DataTables so it will not work like in JQuery.

Soy nuevo en DataTables y ya se desplazó su código fuente, rojo los comentarios. Aunque no es bueno para entender sus funciones, que comienza con _fn*() . Si hay alguna otra forma sin confiar en estas _fn*() , ¡gracias!

Answer 1

Puede usar la función de API rows (). Nodes () , ver a continuación:

var i = table.row.add([
    '''',
    name,
    target_l,
    details,
    panel.html()    
]).index();

var id = $("#department_id").val();
table.rows(i).nodes().to$().attr("data-id", id);