BootstrapTable 特定列修改字体颜色

柔情只为你懂 2022-06-10 02:43 202阅读 0赞

最近使用GitHub的一个开源项目，涉及到BootstrapTable的使用，今天遇到了给特定列修改颜色的问题，查找之后知道可以通过formatter初始化表格列来实现，代码如下：

{title: '藏品状态', field: 'status',  valign: 'middle', sortable: true,formatter:  function(value,row,index) { 
                   var a = "";  
                   if(value == "待提交") {  
                       a = '<span style="color:#fa9f00">'+value+'</span>';  
                   }else if(value == "已入库"){  
                       a = '<span style="color:#00ff00">'+value+'</span>';  
                   }else if(value == "待修改") {  
                       a = '<span style="color:#FF0000">'+value+'</span>';  
                   }else if(value == "待审批") {  
                       a = '<span style="color:#fa9f00">'+value+'</span>';  
                   }else{  
                       a = '<span style="color:#0000ff">'+value+'</span>';  
                   }  
                   return a;  
            }},

这样就可以根据该字段的值来修改表格中字体的颜色  
![效果图][SouthEast]

[SouthEast]: /images/20220610/533be3f5eac247df83e4fc12a50ecbdb.png

发表评论取消回复

表情：

评论列表（有 0 条评论，202人围观）

还没有评论，来说两句吧...

相关阅读

相关程序中修改字体颜色

[https://blog.csdn.net/leixiaohua1020/article/details/44243155][https_blog.csdn.net_leix

ゝ一纸荒年。/ 2023年08月17日 17:37/ 0 赞/ 75 阅读

相关 bootstrapTable 动态设置行（rowStyle）的颜色和列（cellStyle 单元格）的颜色

动态修改行颜色的方法 rowStyle: function(row, index) { // 参数说明： //row, 行对象，row.x

朴灿烈づ我的快乐病毒、/ 2023年01月13日 14:54/ 0 赞/ 727 阅读

相关 Flutter修改状态栏颜色以及字体颜色

刚开始学习flutter 记录一些遇到问题。今天的问题是flutter如何适配Android的导航栏首先导包： import 'dart:io'; //提供Platfor

爱被打了一巴掌/ 2023年01月05日 12:53/ 0 赞/ 603 阅读

相关 POI word 修改字体颜色

public void testSimpleWrite() throws Exception { //新建一个文档 XW

- 日理万妓/ 2022年09月24日 01:22/ 0 赞/ 548 阅读

相关 text点击效果修改字体颜色

>text { flex: 1; background-color: FFFFFF; padding: 20rpx;

谁借莪１个温暖的怀抱￠/ 2022年09月04日 14:46/ 0 赞/ 178 阅读

相关 BootStrapTable 隐藏列

$(function () \{ $("\cbFollowUpList").bootstrapTable(\{ url:'/npackage/naction\_nfun

柔情只为你懂/ 2022年07月12日 05:08/ 0 赞/ 272 阅读

相关 BootStrapTable 隐藏列

$(function () \{ $("\cbFollowUpList").bootstrapTable(\{ url:'/npackage/naction\_nfun

川长思鸟来/ 2022年07月12日 05:08/ 0 赞/ 280 阅读

相关 BootstrapTable 特定列修改字体颜色

最近使用GitHub的一个开源项目，涉及到BootstrapTable的使用，今天遇到了给特定列修改颜色的问题，查找之后知道可以通过formatter初始化表格列来实现，代码如

柔情只为你懂/ 2022年06月10日 02:43/ 0 赞/ 203 阅读

相关修改Arduino IDE背景和字体颜色

目录修改背景颜色修改字体颜色修改单行注释的颜色修改多行注释的颜色修改控制台颜色十六进制颜色码修改背景颜色打开a

我就是我/ 2022年04月23日 06:30/ 0 赞/ 1263 阅读

相关 Markdown修改字体颜色

字体改为红色1： <font color=FF0000>字体改为红色1</font> 字体改为红色 2 ： \\color\{red\}\{字体改为红色

小灰灰/ 2022年03月01日 11:08/ 0 赞/ 329 阅读