小编给大家分享一下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给行如何加背景色有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
当前文章:bootstrap中table给行如何加背景色
文章来源:https://www.cdcxhl.com/article2/igsdoc.html
成都网站建设公司_创新互联,为您提供Google、移动网站建设、全网营销推广、ChatGPT、企业网站制作、外贸网站建设
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联