首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >bootstrap table表格外面的边框全部去掉

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

作者头像
王小婷
发布2025-05-18 21:00:59
发布2025-05-18 21:00:59
14200
代码可运行
举报
文章被收录于专栏:编程微刊编程微刊
运行总次数:0
代码可运行

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

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

代码语言:javascript
代码运行次数:0
运行
复制
.fixed-table-container {
    position: relative;
    clear: both;
    /*border: 1px solid #ddd;*/
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}
5640239-eed06f912761ede3.png
5640239-eed06f912761ede3.png

2:去掉最底部线条

5640239-7bd2b5987dccb8e5.png
5640239-7bd2b5987dccb8e5.png

3:去掉表头底部线条

代码语言:javascript
代码运行次数:0
运行
复制
#mytab thead tr th {
    border: 0;
}
5640239-436d6edfad48b903.png
5640239-436d6edfad48b903.png

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

5640239-e892304eb321a21b.png
5640239-e892304eb321a21b.png
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2025-05-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档