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.datatables 列?

当浏览器具有一定宽度时,jQuery将类和“数据切换”添加到引导导航锚点

如何将类添加到已经在 jQuery 中调用容器 div 的附加变量

jQuery addClass 到第二个表

在 sapui5 片段的 xml 文件中使用 jquery

javascript 使用jQuery将类添加到Object