javascript - example - find datatable jquery

jQuery datatables agregar clase a tr

Question

Estoy usando jQuery y datatables. Quiero agregar una clase al elemento TR de una fila en particular. Sé cómo encontrar la fila. La console.dir(row); muestra el objeto row y comienza con un elemento tr . No puedo conseguir que el selector jQuery haga nada. ¿Qué me estoy perdiendo?

table = $(''#resultTable'').DataTable({
aaSorting: [],
ajax: {...},
columnDefs: [...],
createdRow: function (row, data, index) {
//
// if the second column cell is blank apply special formatting
//
if (data[1] == "") {
console.dir(row);
$(''tr'', row).addClass(''label-warning'');
}
}
});

Answer 1

Situación DataTable (). Row.add ():

Si desea agregar una clase al usar la función de agregar filas en Datatables, puede obtener el método TR-DOM desde el node() :

var datatable = $(''#resultTable'').DataTable();
var trDOM = datatable.row.add( [
"Col-1",
"Col-2"
] ).draw().node();
$( trDOM ).addClass(''myClass'');

Answer 2

Solo deberías usar el createdRow

`

$(''#data-table'').DataTable( {
createdRow: function( row, data, dataIndex ) {
// Set the data-status attribute, and add a class
$( row ).find(''td:eq(0)'')
.attr(''data-status'', data.status ? ''locked'' : ''unlocked'')
.addClass(''asset-context box'');
}
} );

`

Answer 3

También puede agregar clase a tr pasando los datos json que envíe a datatable. Es suficiente que cada elemento json tenga DT_RowClass .
Por ejemplo:

{
DT_RowAttr = new
{
attr1 = "1",
attr2 = "2"
}
DT_RowClass = "majid",
DT_RowId = "rowId"
} 

En este ejemplo, el valor DT_RowId aplica al atributo id de cualquier etiqueta tr y el valor DT_RowAttr aplica algún atributo personalizado a la etiqueta tr .

Answer 4

$(''tr'', row) está buscando un elemento tr en el contexto de la fila, lo que significa que buscará un elemento tr dentro de la row proporcionada como parámetro de contexto.

Según API , esto debería funcionar

$(row).addClass("label-warning");