datatables 根据数据显示不同的颜色

DataGrid状态警告高亮

原创于 2020-05-27 08:53:44 发布 · 694 阅读

0 ·

CC 4.0 BY-SA版权

WEB前端同时被 2 个专栏收录

112 篇文章

订阅专栏

datatables

3 篇文章

订阅专栏

本文探讨了在DataGrid中如何根据数据状态进行行样式调整，特别是当状态为'Warning'时，如何将对应单元格的文字颜色设置为红色，以此实现视觉上的警告提示。文章深入解析了JavaScript代码片段，展示了如何利用jQuery选择器来实现这一功能。

            columns: [
                { data: 'EquipmentNo' },
                { data: 'Status' },
                { data: 'Organization' }, 
                { data: 'CreateDate' }
            ], 
           // aoColumnDefs:[  {"sClass":"col_class","aTargets":[0]}],
            createdRow: function (row, data, index) {
                console.log('row')
                console.log(row)
                console.log(data)
                console.log(data.Status)
                console.log(index)
                if (data.Status=="Warning") {
                   // $('td', row).eq(1).css('backgroundColor', '#00E400'),
                        $('td', row).eq(1).css('color', 'red')
                }

     
            },