如何给bootstraptable 设置⾏列单元格样式
1、根据单元格或者⾏内其他单元格的内容，给该单元格设置⼀定的css 样式
这样的代码可以将序号这个单元格的背景⾊改成红⾊，可以发现⽆⾮是给这个json 加上⼀个
cellStyle ，其内容⼜是⼀个json 对象，⾥⾯对应着key-value 形式的数据，从⽽改变单元格的样式。那如何根据其数据内容来改变这个样式呢，参考上⾯的formatter 的⽅法，我们可以将cellStyle 部分这样改动⼀下。
[javascript]
1. columns: [{
2.    field: ’index’,
3.    title: ’序号’,
4.    align:”center”,
5.    formatter:function(value, row, index){
6.        return index+1;
7.    }，
8.    cellStyle:{
9.        css:{”background-color”:“red”}
10.    }
11. }]  columns: [{    field: 'index',    title: '序号',    align:"center",    formatter:function(value, row, index){        return index+1;    }，    cellStyle:{        css:{"background-color":"red"}    }}]
1
2
3
4
5
6
7
8
9
10[javascript]
1. cellStyle:function(value,row,index){
2.    if (value==1){
3.        return {css:{“background-color”:“red”}}
4.    }else{
5.        return {css:{“background-color”:“green”}}
6.    }
7. }
根据value （该单元格的值），row （该⾏的数据对象），index （= =就是简单的表⽰该列表的第⼏个，从0开始）这三个属性就⾏条件的判定，只要依旧返回json 对象就好了，多个css 之间⽤逗号隔开就⾏。
2、根据单元格或者⾏内其他单元格的内容，给该单元格设置⼀定的css 样式
与刚才的⽅式类似，只不过这次并不是加在colums 内的json 数组⾥，⽽是和colums 平级放置，代码如下:
cellStyle 可以针对单个单元格的
value 进⾏样式的设置，rowStyle 虽然也可以加⼊value 参数，但是好像没什么意义。
以上就是如何给bootstrap table 设置⾏列单元格样式的介绍。cellStyle:function(value,row,index){    if (value==1){        return {css:{"background-color":"red"}}    }else{        return {css:{"background-color":"green"}}    }}
1
2
3
4
5
6[javascript]
1. rowStyle:function(row,index){
2.    if (index==1){
3.        return {css:{“background-color”:“red”}}
4.    }else{
5.        return {css:{“background-color”:“green”}}table设置内边框
6.    }
7. },
8. columns: […]  rowStyle:function(row,index){    if (index==1){        return {css:{"background-color":"red"}}    }else{        return {css:{"background-color":"green"}}    }},columns: [...]
1
2
3
4
5
6
7                </div>1

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。