最近使用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;  
        }},

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

Logo

新一代开源开发者平台 GitCode,通过集成代码托管服务、代码仓库以及可信赖的开源组件库,让开发者可以在云端进行代码托管和开发。旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐