jQuery DataTables createdRow不改变行颜色

s4n0splo  于 2023-10-17  发布在  jQuery
关注(0)|答案(1)|浏览(130)

设置一个datatable:

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,似乎没有什么工作。

xqnpmsa8

xqnpmsa81#

对我的问题的评论为我指明了正确的方向来追踪和解决我的问题。我把代码插入到一个函数中,而不是自己出来。

相关问题