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",
......
})

显示效果如下

2021年第 9 期《python接口web自动化+测试开发》课程,10月17号开学!

加量不加价(新增postman, 赠送selenium和python基础2个课

本期上课时间:10月17号-1月9号,每周六、周日晚上20:30-22:30

(0)

相关推荐