美文网首页
Bootstrap Table cellStyle

Bootstrap Table cellStyle

作者: KK_boy | 来源:发表于2020-08-25 14:04 被阅读0次

根据单元格或者行内其他单元格的内容,给该单元格设置一定的css样式

columns: [{
 
  field: 'index',
 
  title: '序号',
 
  align:"center",
 
  formatter:function(value, row, index){
 
    return index+1;
 
  },
 
  cellStyle:{
 
    css:{"background-color":"red"}
 
  }
 
}]

改变单元格的样式

cellStyle:function(value,row,index){
 
   if (value==1){
 
      return {css:{"background-color":"red"}}
 
   }else{
 
      return {css:{"background-color":"green"}}
 
   }
 
}
rowStyle:function(row,index){
 
  if (index==1){
 
    return {css:{"background-color":"red"}}
 
  }else{
 
    return {css:{"background-color":"green"}}
 
  }
 
},
 
columns: [...]

相关文章

网友评论

      本文标题:Bootstrap Table cellStyle

      本文链接:https://www.haomeiwen.com/subject/catzjktx.html