扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
小编给大家分享一下bootstrap中table给行如何加背景色，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！
启东网站建设公司创新互联,启东网站设计制作，有大型网站制作公司丰富经验。已为启东成百上千提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱，请找那个售后服务好的启东做网站的公司定做！
bootstrap table给行怎么加背景色
bootstrap table定义代码：
$table.bootstrapTable({
showExport: true,
height: 540,
rowStyle:rowStyle,//通过自定义函数设置行样式
columns: [
{
field: 'id',
title: '序号',
align: 'center',
sortable: true
}, {
field: 'sid',
title: '学号',
align: 'center'
},
]
});bootstrapTable设置行样式(背景颜色)函数1：通过调用bootstrap默认的样式来设置指定行的背景颜色
function rowStyle(row, index) {
var classes = ['active', 'success', 'info', 'warning', 'danger'];
if (index % 2 === 0 && index / 2 < classes.length) {
return {
classes: classes[index / 2]
};
}
return {};
}bootstrapTable设置行样式(背景颜色)函数2：调用自定义样式设置指定行的字体颜色
function rowStyle(row, index) {
var style = {};
style={css:{'color':'#ed5565'}};
return style;
}看完了这篇文章，相信你对bootstrap中table给行如何加背景色有了一定的了解，想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网