BootstrapTable 特定列修改字体颜色

柔情只为你懂 2022-06-10 02:43 295阅读 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 条评论，295人围观）

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

相关阅读

相关修改Eclipse字体以及背景颜色

操作界面默认颜色为白色。对于我们长期使用电脑编程的人来说，白色很刺激我们的眼睛，所以我经常会改变workspace的背景色，使眼睛舒服一些。设置方法如下： 1、打开wind

Bertha 。/ 2024年02月18日 21:58/ 0 赞/ 81 阅读

相关修改placeholder字体颜色

html修改placeholder字体颜色因为不同浏览器存在兼容性问题，这里主要设置webkit内核浏览器、火狐浏览器、IE浏览器等，代码如下： /

阳光穿透心脏的1/2处/ 2023年10月03日 19:04/ 0 赞/ 39 阅读

相关程序中修改字体颜色

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

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

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

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

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

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

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

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

相关 POI word 修改字体颜色

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

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

相关 BootStrapTable 隐藏列

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

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

相关 BootStrapTable 隐藏列

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

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

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

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

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

相关 Markdown修改字体颜色

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

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