python测试开发django-132.Bootstrap Table设置表头样式(theadClasses)

2021/9/16 17:05:31

编程Tag： bootstrap 表头设置背景色 python color BG theadClasses

本文主要是介绍python测试开发django-132.Bootstrap Table设置表头样式(theadClasses)，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

前言

Bootstrap Table表头添加背景色，可以通过theadClasses属性设置表头样式。

设置theadClasses属性

没设置theadClasses属性时候，背景色默认是白色

bootstrap背景颜色设置

.bg-primary 主要的
.bg-success 成功
.bg-info 信息
.bg-warning 警告
.bg-danger 危险

颜色效果对应下图

theadClasses设置背景色"bg-info"

    $("#table").bootstrapTable({
        toolbar: '#toolbar',                //自定义工具按钮
        url: url,                           //请求后台的URL（*）
        method: 'get',                      //请求方式（*）
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        theadClasses: "bg-info",
        ......
})

表格背景色显示效果

自定义表头背景色

先在头部设置style样式

color 字体颜色
background-color 背景色
border-color 边框颜色

// 作者-上海悠悠 QQ交流群:717225969
// blog地址 https://www.cnblogs.com/yoyoketang/
<head>
 <style>
    .table-green {
        color: #042cff;
        background-color: #84f1cd;
        border-color: #84f1cd;
    }
</style>
</head>

给表头设置自定义的 table-green 属性

// 作者-上海悠悠 QQ交流群:717225969
// blog地址 https://www.cnblogs.com/yoyoketang/
    $("#table").bootstrapTable({
        toolbar: '#toolbar',                //自定义工具按钮
        url: url,                           //请求后台的URL（*）
        method: 'get',                      //请求方式（*）
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        theadClasses: "table-green",
        ......
})

显示效果如下

这篇关于python测试开发django-132.Bootstrap Table设置表头样式(theadClasses)的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

python测试开发django-132.Bootstrap Table设置表头样式(theadClasses)

前言

设置theadClasses属性

自定义表头背景色

相关编程文章