Bootstrap Table 使用教程基础篇 之 表格行样式设置

  • A+
所属分类:Bootstrap Table

Bootstrap Table 使用教程基础篇 之 表格行样式设置

Html

  1. <table id="Table"></table>  

JavaScript

  1. $('#Table').bootstrapTable({  
  2. rowStyle: function (row, index) {  
  3.     //这里有5个取值代表5中颜色['active', 'success', 'info', 'warning', 'danger'];  
  4.     var strclass = "";  
  5.     if (row.ID == "条件") {  
  6.         strclass = 'success';//还有一个active  
  7.     }  
  8.     else if (row.Name== "条件") {  
  9.         strclass = 'danger';  
  10.     }  
  11.     else {  
  12.         return {};  
  13.     }  
  14.     return { classes: strclass }  
  15. }  
  16. });  
钰玺

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: