python測試開發django-132.Bootstrap Table設定表頭樣式(theadClasses)
阿新 • • 發佈：2021-09-16
前言
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", ...... })
顯示效果如下