Datatable使用图标代替某一列的文字

最新推荐文章于 2021-12-08 12:13:08 发布

原创最新推荐文章于 2021-12-08 12:13:08 发布 · 240 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery

datatable 专栏收录该内容

2 篇文章

订阅专栏

这段代码展示了如何使用CSS和jQuery根据不同的数据类别（Slight, Minor, Major）为表格单元格添加不同颜色和图标的样式。通过为每个级别分配特定的颜色和图标，实现了视觉上的分类提示。

"columnDefs":[
                {
                    "targets":7,
                    createdCell:function(td,cellData,rowData,row,col){
                        if(cellData =='Slight'){
                            $(td).addClass("glyphicon glyphicon-wrench").css('color','rgb(255, 255, 0)').text('');
                        }else if(cellData == 'Minor'){
                            $(td).addClass("glyphicon glyphicon-wrench").css('color','rgb(255, 135, 0)').text('');
                        }else if(cellData == 'Major'){
                            $(td).addClass("glyphicon glyphicon-wrench").css('color','rgb(255, 0, 0)').text('');
                        }
                    }
                },
]

效果由