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

最新推荐文章于 2023-01-11 14:36:39 发布

easyboot

最新推荐文章于 2023-01-11 14:36:39 发布

阅读量672

点赞数

CC 4.0 BY-SA版权

分类专栏： # datatables WEB前端

本文链接：https://blog.youkuaiyun.com/easyboot/article/details/106372410

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

112 篇文章

订阅专栏

datatables

3 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

            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')
                }

     
            },