bootstrap table表格外面的边框全部去掉

简介: bootstrap table表格外面的边框全部去掉

当背景色为非纯白背景的时候,bootstrap table表格的白色边框显得很突兀,所以要把bootstrap table表格外面的边框全部去掉

1:去掉两侧线条,找到以下代码,注释边框代码

.fixed-table-container {
    position: relative;
    clear: both;
    /*border: 1px solid #ddd;*/
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}


2:去掉最底部线条


3:去掉表头底部线条

#mytab thead tr th {
    border: 0;
}


最终效果是这样的,最外层的白色边框去掉

相关文章
|
10月前
|
JSON 前端开发 数据格式
bootstrap table表格的点击详情按钮操作
bootstrap table表格的点击详情按钮操作
82 1
|
4月前
|
前端开发 容器
bootstrap table 设置自定义列宽
【5月更文挑战第4天】bootstrap table 设置自定义列宽
|
10月前
|
前端开发 JavaScript
Bootstrap Table根据参数搜索功能
Bootstrap Table根据参数搜索功能
84 0
|
4月前
|
前端开发
BootStrap 5 保姆级教程(三):表格 & 图片
BootStrap 5 保姆级教程(三):表格 & 图片
|
10月前
|
前端开发
bootstrap table点击修改按钮给弹框赋值
bootstrap table点击修改按钮给弹框赋值
45 0
|
10月前
|
JSON 前端开发 数据库
Bootstrap Table使用教程(请求json数据渲染表格)
Bootstrap Table使用教程(请求json数据渲染表格)
126 0
|
10月前
|
前端开发
bootstrap table分页悬停颜色改变
bootstrap table分页悬停颜色改变
32 0
|
10月前
|
前端开发
解决bootstrap table刷新加载时白色闪屏问题
解决bootstrap table刷新加载时白色闪屏问题
70 0
|
10月前
|
前端开发
bootstrap table+layer实现一个表格删除
bootstrap table+layer实现一个表格删除
49 0
N..
|
4月前
|
开发框架 前端开发 UED
Bootstrap的CSS组件
Bootstrap的CSS组件
N..
50 0