Javascript jQuery数据表将类添加到tr
我正在使用jQuery和datatables。我想向特定行的TR元素添加一个类。我知道怎么找到那排。Javascript jQuery数据表将类添加到tr,javascript,jquery,datatables,Javascript,Jquery,Datatables,我正在使用jQuery和datatables。我想向特定行的TR元素添加一个类。我知道怎么找到那排。console.dir(行)显示行对象,该对象以tr元素开头。但是,我无法让jQuery选择器执行任何操作。我错过了什么 table = $('#resultTable').DataTable({ aaSorting: [], ajax: {...}, columnDefs: [...], createdRow: function (row, data, index
console.dir(行)
显示行
对象,该对象以tr
元素开头。但是,我无法让jQuery选择器执行任何操作。我错过了什么
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');
}
}
});
$('tr',row)
正在row的上下文中查找tr元素,这意味着它将在作为上下文参数提供的行中搜索tr元素
据他说,这应该行得通
$(row).addClass("label-warning");
DataTable().row.add()情况:
如果要在Datatables中使用row add函数时添加类,可以从node()
方法获取TR-DOM:
var datatable = $('#resultTable').DataTable();
var trDOM = datatable.row.add( [
"Col-1",
"Col-2"
] ).draw().node();
$( trDOM ).addClass('myClass');
您只需使用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');
}
} );
您还可以通过发送到datatable的json数据将类添加到tr
。每个json项都有DT\u RowClass
例如:
{
DT_RowAttr = new
{
attr1 = "1",
attr2 = "2"
}
DT_RowClass = "majid",
DT_RowId = "rowId"
}
在本例中,DT\u RowId
值应用于任何tr
标记的id
属性,并且DT\u RowAttr
值将一些自定义属性应用于tr
标记。要在
上设置类名,请使用此calback
createdRow: function (row, data, dataIndex) {
$(row).addClass('some-class-name');
},
参考:
要在
上设置类,请使用
"columns": [
{
data:"",
className: "my_class",
render: function (data, type, row) { return "..."; }
},
{
data:"",
className: "my_class",
render: function (data, type, row) { return "..."; }
},
//...
]
类似于“columnDefs”
参考:
要设置行的Id属性,请使用:
//....
rowId: "ShipmentId",
columns: [...],
//....
您不能只执行$(row.addClass('label-warning')代码>?为什么不执行$(行).addClass(…)
?如果row
是tr
本身,$('tr',row)
(或$(row)。find('tr')
)将只查找嵌套的tr
s.heh,我以为我尝试了$(row)。addClass(“标签警告”)代码>没有成功。。。现在它工作了。:-}谢谢,如上所述,我认为我已经做到了这一点,但我一定是犯了一些其他错误。感谢如果您不想要第一个TD,而只是想向tr添加一个类,那么这会将其添加到
而不是
,使用此行:$(行).addClass('asset-context框');