bootstrap table给行怎么加背景色

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

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教程》

以上就是bootstrap table给行怎么加背景色的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:简单介绍:实现小程序授权登录功能
下一篇:深入浅析了解CSS中定位布局的细节

发表评论

关闭广告
关闭广告