bootstrap表格设置背景颜色,rowStyle设置Bootstrap Table行样式

rowStyle设置Bootstrap Table行样式

日常开发中我们通常会用到隔行变色来美化表格,也会根据每行的数据显示特定的背景颜色,如果库存低于100的行显示红色背景,Bootstrap Table中可以通过设置rowStyle属性设置行的样式。

CSS样式.bg-blue {background-color: #0074D9 !important;}.bg-green {background-color: green !important;}.bg-red {background-color: red !important;}JS代码//bootstrap table初始化数据$('#table').bootstrapTable({columns: columns,data: getData(),classes: "table table-bordered table-striped table-sm table-dark", height: 400,rowStyle: function(row, index) {var classes = ['bg-blue','bg-green','bg-red']if (index % 2 === 0 && index / 2 < classes.length) {return {classes: classes[index / 2]}}return {css: {color: 'blue'}} }});

在线试一试

清网行动鬼吹灯全集网站url地址怎么填写站点url怎么提取中国有嘻哈jonyj是哪个导师战队的中国有嘻哈20170722在线观看乐村淘商城 农村网购乐融融资料找不到苹果手机怎么弄滚动的字幕怎么设置第三方应用在手机上的画面比例明细账月末怎么结账多栏式明细账应该怎样填写弱视的临床检查方法如何矫正弱视眼视光注视性质的检查及临床意义任脉和督脉上的12个奇穴任督二脉有经穴多少个仙剑缘送满V送金箍棒版下载山东大学国际项目招生主页肺结节18mm肺部有18毫米结节炮灰女配成了暴君心尖宠穿成了暴君的小公主