首页 > 其他 > 详细

theadClasses设置Bootstrap Table表头样式

时间:2019-06-15 09:17:07      阅读:643      评论:0      收藏:0      [点我收藏+]

通过theadClasses属性设置表头样式。

thead-light设置灰色背景

//bootstrap table初始化数据  itxst.com
$(‘#table‘).bootstrapTable({
    columns: columns,
    data: getData(),
    theadClasses: "thead-light",//这里设置表头样式
    classes: "table table-bordered table-striped table-sm table-dark", 
    height:400  
}); 

thead-dark设置黑色背景

//bootstrap table初始化数据
$(‘#table‘).bootstrapTable({
    columns: columns,
    data: getData(),
    theadClasses: "thead-dark",//这里设置表头样式
    classes: "table table-bordered table-striped table-sm table-dark", 
    height:400  
});

自定义一个蓝色的表头样式

 

<style>
/*定义类名为.thead-blue的样式*/ 
.table .thead-blue th {
color: #fff;
background-color: #3195f1;
border-color: #0d7adf;
}
</style>
//bootstrap table初始化数据
$(‘#table‘).bootstrapTable({
    columns: columns,
    data: getData(),
    theadClasses: "thead-blue",//设置thead-blue为表头样式
    classes: "table table-bordered table-striped table-sm table-dark", 
    height:400  
});  

转载:http://www.itxst.com/Bootstrap-Table/

 

theadClasses设置Bootstrap Table表头样式

原文:https://www.cnblogs.com/logspool/p/11026172.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!