javascript - 根据 jquery 数据表中的内容突出显示特定行

Question

我正在使用 jquery datatables.net 并且我有一个包含信息的表格。在一列中，我有关于用户是否活跃的 true 或 false 值。我正在尝试获取它，以便在值为 false 时突出显示该值。现在我的表格设置代码如下所示:

        //Settings for datatable
        $('#userTable').DataTable({
            "jQueryUI": true,
            "serverSide": true,
            "ajax": {
                "type": "POST",
                url: "/Management/StaffGet",
                "contentType": 'application/json; charset=utf-8',
                'data': function (data) { console.log(data); return data = JSON.stringify(data); }
            },
            "columns": [
                { "data": "employeeNumber" },
                { "data": "firstName" },
                { "data": "lastName" },
                { "data": "role" },
                {
                    "data": "active",

                },
                {
                    "data": "employeeNumber",
                    "render": function (data, type, full, meta)
                    {
                        return '<a href="/Management/Edit/' + data + '">Edit </a> &#124; <a href="/Management/Delete/' + data + '">Delete </a>';
                    }
                }
            ],
            "order": [[ 0, "asc"]],
            "paging": true,
            "deferRender": true,
            "processing": true,
            "stateSave": false,
            "lengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]],
            "pageLength": 10,
            "pagingType": "simple_numbers",
            "searching": false,
            "createdRow": function ( row, data, index ) {
                if (data[4] == "false" ) {
                    $('td', row).eq(5).addClass('highlight');
                       }
                 }
        });`

那么我的css代码是:

`<style type="text/css">
      td.highlight {
      font-weight: bold;
      color: red;
     }
</style>`

我觉得列上的设置有问题，不胜感激。

Answer 1

尝试

$('#userTable').DataTable({
...
"createdRow": function( row, data, dataIndex ) {
    //console.log(data[4]);
    if ( data[4] == "false" ) {
            //console.log($(row).find("td").eq(4).html());
            $(row).find("td").eq(4).addClass( 'highlight' );
    }},
...

评论的日志语句在那里检查您是否正在获取和比较正确的数据。

使用数据表 1.10.1 测试