jQuery数据表将类添加到tr
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery数据表将类添加到tr相关的知识,希望对你有一定的参考价值。
我正在使用jQuery和datatables。我想在特定行的TR元素中添加一个类。我知道如何找到这一行。 console.dir(row);
显示row
对象,并以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)
在行的上下文中查找tr元素,这意味着它将在row
中搜索作为上下文参数提供的tr元素。
根据API,这应该工作
$(row).addClass("label-warning");
另一答案
你只需要使用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().row.add() situation:
如果要在Datatables中使用行添加功能时添加类,可以从node()
方法获取TR-DOM:
var datatable = $('#resultTable').DataTable();
var trDOM = datatable.row.add( [
"Col-1",
"Col-2"
] ).draw().node();
$( trDOM ).addClass('myClass');
另一答案
您还可以通过传递给datatable的json数据将类添加到tr
。每个json项目都有DT_RowClass
就足够了。
例如:
{
DT_RowAttr = new
{
attr1 = "1",
attr2 = "2"
}
DT_RowClass = "majid",
DT_RowId = "rowId"
}
在此示例中,DT_RowId
值适用于任何id
标记的tr
属性,DT_RowAttr
值将一些自定义属性应用于tr
标记。
以上是关于jQuery数据表将类添加到tr的主要内容,如果未能解决你的问题,请参考以下文章
当浏览器具有一定宽度时,jQuery将类和“数据切换”添加到引导导航锚点