Bootstrap Table表头添加背景色,可以通过theadClasses属性设置表头样式。
没设置theadClasses属性时候,背景色默认是白色
bootstrap背景颜色设置
颜色效果对应下图
theadClasses设置背景色"bg-info"
$("#table").bootstrapTable({ toolbar: '#toolbar', //自定义工具按钮 url: url, //请求后台的URL(*) method: 'get', //请求方式(*) cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*) theadClasses: "bg-info", ...... })
表格背景色显示效果
先在头部设置style样式
// 作者-上海悠悠 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", ...... })
显示效果如下