BootstrapTable 特定列修改字体颜色

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

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

相关阅读

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

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

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

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

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

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

相关 Python 修改终端输入字体颜色值

!/bin/sh Python 在终端中修改字体的颜色值需要在字体中输入开头部分添加\033[x;x;xm 结尾部分添加\033[0m x 对应下

雨点打透心脏的1/2处/ 2023年01月13日 04:03/ 0 赞/ 240 阅读

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

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

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

相关 POI word 修改字体颜色

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

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

相关 BootStrapTable 隐藏列

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

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

相关 BootStrapTable 隐藏列

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

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

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

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

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

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

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

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

相关 Markdown修改字体颜色

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

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