BootstrapTable 特定列修改字体颜色

来源:互联网 发布:阿里云如何建网站 编辑:程序博客网 时间:2024/06/07 06:49

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

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

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

原创粉丝点击