bootstrap-table 给单元格设置样式

bootstrap-table 给单元格设置样式 ,表样式/行样式/列样式/单元格样式

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

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

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

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: […]

也可以在列中使用class
{
field: ’index’,
title: ’序号’,
class:’bg-success’

https://www.cnblogs.com/laowangc/p/8875526.html
https://bootstrap-table.com/docs/api/table-options/#classes
https://bootstrap-table.com/docs/api/column-options/#class