bootstrap table 行内文本样式绑定利用cellstyle属性

在使用Bootstrap Table创建表格时,遇到需求:当单元格内容为'正常'时显示绿色文本,'离线'时显示红色。通过研究Bootstrap Table的API,尤其是cellStyle属性,实现了这个功能。在cellStyle回调函数中,根据数据判断返回相应的CSS样式,例如{'color': 'green', 'font-weight': 'bold'}。遇到问题查阅API能快速找到解决方案,适合初学者参考。" 133129584,20037127,PHP中float与double的区别与精度问题,"['PHP', '开发语言', '数值计算', '数据类型', '浮点数']
摘要由CSDN通过智能技术生成

新手小白的我在前几天利用bootstrap table写表格样式的时候,有个需求当表格内容为“正常”时,要显示绿色文本,当“离线”时文本颜色显示为红色,具体想达到的效果如下。

参照bootstrap的API,如下

(13条消息) Bootstrap Table API 中文版(完整翻译文档)_S_clifftop的博客-CSDN博客_bootstraptable

首先因为是列column内的数据样式改变

找到api中column的属性有什么,找到cellStyle

发现cellStyle的格式,查看参数在前端返回的值是什么,做判断,在cluomn属性中加入如下属性代码

cellStyle(value, rowData, row

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值