jQuery DataTables 创建的行不更改行颜色

问题描述 投票:0回答:1

设置数据表:

            var table = $('#items').DataTable({
                    'pageLength': tablelength,
                    'lengthMenu': [[10, 15, 20, 25, 50, 1000, -1], [10, 15, 20, 25, 50, 1000, 'All']],
                    'ajax': {
                        'url': '/LoadItems/',
                        'type': 'POST',
                        'data': {
                            'itemtype': itemtype,
                            'displayunits': displayunits
                        },
                    'createdRow': function (row, data) {
                        if (row.Unit == '1') {
                            $(row).removeClass('even');
                            $(row).removeClass('odd');
                            $(row).addClass('unit1');
                        }
                    },
                },
                'columns': [
                    { 'data': 'Id', 'name': 'Id' }, // 0
                    { 'data': 'PermitNumber', 'name': 'PermitNumber' }, // 1
                    { 'data': 'Unit', 'name': 'Unit' }, // 2
                    { 'data': 'Status', 'name': 'Status' }, // 3
                    { 'data': 'EnteredDate', 'name': 'EnteredDate' }, // 4
                    { 'data': 'EquipmentId', 'name': 'EquipmentId' }, // 5
                    { 'data': 'Reason', 'name': 'Reason' }, // 6
                    { 'data': 'ClearedDate', 'name': 'ClearedDate' }, // 7
                    { 'data': 'Fill', 'defaultContent': '' } // 8
                ],
                'columnDefs': [
                    { 'visible': false, 'targets': [0] },
                    { 'sortable': false, 'targets': [8] },
                    {
                        'render': function(data, type, row) {
                            return '<span class="detail" id="' + row.Id + '" title="' + row.Id + '">' + row.PermitNumber + '</span>';
                        },
                        'targets': 1
                    }
                ],
                'order': []
            });

似乎没有执行类添加和删除,因为当我通过开发人员工具查看页面源时,新的类没有出现。我也尝试删除 if 语句,以便它会在每一行上触发,但仍然没有任何结果。

我也尝试过 rowCallback,但似乎没有任何效果。

jquery datatables
1个回答
0
投票

对我的问题的评论为我指明了追踪和解决问题的正确方向。我将代码插入到函数中而不是单独插入。

© www.soinside.com 2019 - 2024. All rights reserved.