zoukankan      html  css  js  c++  java
  • 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",
            ......
    })
    

    显示效果如下

  • 相关阅读:
    Openrasp源码分析
    feifeicms后台任意文件读取
    python之迭代器和生成器
    java之导入excel
    jquery单击事件的写法
    java之高效操作文件
    多条件搜索优化sql
    java之代码复用
    java之接口文档规范
    eclipse之常用快捷键
  • 原文地址:https://www.cnblogs.com/yoyoketang/p/15294066.html
Copyright © 2011-2022 走看看