热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

bootstrap设置table的样式

用bootstrap时,不需要table的边框样式,并且不想还想继续使用bootstraptable的分页功能,需要清除table的边框样式,设置自己需要的;1.bootstrap中清除t

用bootstrap时,不需要table的边框样式,并且不想还想继续使用bootstrap table的分页功能,需要清除table的边框样式,设置自己需要的;

1.bootstrap中清除table样式前的表格



2.清除table样式后的表格样式



清除table自带的样式之后就可以设置自己想要的样式,不影响bootstrap的其他功能

 清除bootstrap  table样式的代码:

.fixed-table-container tbody td , .fixed-table-container, .bootstrap-table .table, .table>tbody>tr>th, .table>tfoot>tr>th,  .table>thead>tr>th{
border:0px;
}
.table>tbody>tr>td,  .table>tfoot>tr>td,.table>thead>tr>td,{
border-bottom:1px;
}


推荐阅读
author-avatar
linlinfanny_744
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有