您的位置:首页 > Web前端 > BootStrap

bootstrap设置table的样式

2016-10-14 12:43 1346 查看
用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;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息