介绍 rowStyle:,函数(行,指数),{//,参数说明://行,行,row.xxx能获取某个字段的值//索引,索引,第几行//,逻辑判断//.....
return , {css: {“background-color": & # 39; rgba (245245245, 0.7) & # 39;}};
} :cellStyle函数(价值、行指数){//,参数说明://,value ,当前单元格的值//,行,当前行的值//index 第几行//,逻辑判断//,.....,,,,,,,,,,,,,
return {css: {“background-color":“rgba (255250250, 0.7)“}},,,,,
} <李> function 负荷(),{
$ (& # 39;# exampleTable& # 39;) .bootstrapTable ({
url :“/config/list",,
queryParams :函数(参数),{
return {
限制:params.limit,
抵消:params.offset,
}
},
rowStyle:函数(行,指数),{,,//,动态修改行的颜色
var isDel =, .trim美元(row.isDel);
如果(isDel==?“){,,,,,,,,,,,,,,//,如果值是1,表示已删除,设置行的颜色
return , {css: {“background-color": & # 39; rgba (245245245, 0.7) & # 39;}};
}
return & # 39; & # 39;,,,,,,,,,,,//,即使不改变颜色,也得返回,& # 39;& # 39;,,否则会报的错。
},
columns :,
{
checkbox :,真的,
},
,,,,,,,,,,,{
时间:field & # 39; platformName& # 39;,,
title : & # 39;平台名称& # 39;,,
width : 140年,,
},,,,,,,,
,,,,,,,,,,,{
时间:field & # 39; ydaaa& # 39;,,
时间:title & # 39;移动的aaa # 39;,,
width : 140年,,
cellStyle :功能(价值、行指数){,,,,,,,,,//,修改列(单元格)的颜色
return {css: {“background-color":“rgba (255250250, 0.7)“}},,,,,
}
},
,,,,,,,,,,,{
时间:field & # 39; ydbbb& # 39;,,
时间:title & # 39;移动的bbb # 39;,,
width : 140年,,
formatter :功能(价值,,行,指数),{
美元价值=https://www.yisu.com/zixun/.trim(价值);
如果(value.length> 25) {
返回value.substr (0, 24) +“…”;
}
返回值;
},
},
{
:“ltaaaa”,
标题:“联通的aaaa级”,
宽度:140年,
:cellStyle函数(价值、行、索引){//修改列(单元格)的颜色
返回{css:{“背景颜色”:“rgba (248248255, 0.7)}};
}
},
{
:“ltbbbb”,
标题:“联通的bbbb’,
宽度:140年,
格式化程序:功能(价值,行,指数){
值=$ .trim(价值);
如果(value.length> 25) {
返回value.substr (0, 24) +“…”;
}
返回值;
}
},
{
:“dxaaaa”,
标题:“电信的五星级”,
宽度:140年,
:cellStyle函数(价值、行、索引){//修改列(单元格)的颜色
返回{css:{“背景颜色”:“rgba (240255240, 0.7)}};
}
},
{
:“dxbbbbb”,
标题:“电信的bbbbb’,
宽度:140年,
},
{
:“isDel”,
标题:“是否删除”,
宽度:80年,
格式化程序:功能(价值,行,指数){
值=$ .trim(价值);
如果(值==" 0 "){
回报”正常”;
}else if(值==?”){
回报”已删除”;
}
返回";
}
},
{
:“createTime”,
标题:“创建日期”,
宽度:140年,
格式化程序:功能(价值,行,指数){
值=$ .trim(价值);
如果(价值。长度>=19){
返回值。substr (0, 19);
}
返回值;
}
},
{
标题:“操作”,
:“id”,
对齐:“中心”,
宽度:200年,
格式化程序:功能(价值,行,指数){
返回”;
}
})
});
}
这篇文章主要介绍bootstrapTable怎么动态设置行和列的颜色,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
<强>动态修改行颜色的方法
<>强动态修改列(单元格)颜色的方法
<>强说明:
rowStyle是表选项(表配置);
<李>cellStyle是列选项(列配置)。
在列中的选项配置。两者的位置最大的区别
<强>使用示例如下:
<>强说明:
<代码> {css: {“background-color":“rgba(255250250, 0.7)“}}; 中0.7 <代码> 是指透明度,
当两种(行和列)颜色交汇时,在交汇的单元格中,可以看到两种颜色。如下图所示:
