给bootstrap table设置行列单元格样式

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

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

这样的代码可以将序号这个单元格的背景色改成红色，可以发现无非是给这个json加上一个cellStyle，其内容又是一个json对象，里面对应着key-value形式的数据，从而改变单元格的样式。

那如何根据其数据内容来改变这个样式呢，参考上面的formatter的方法，我们可以将cellStyle部分这样改动一下。

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

根据value（该单元格的值），row（该行的数据对象），index（= =就是简单的表示该列表的第几个，从0开始）这三个属性就行条件的判定，只要依旧返回json对象就好了，多个css之间用逗号隔开就行。

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

与刚才的方式类似，只不过这次并不是加在colums内的json数组里，而是和colums平级放置，代码如下:

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

cellStyle可以针对单个单元格的

value进行样式的设置，rowStyle虽然也可以加入value参数，但是好像没什么意义。