去掉antd design vue组件库中表格的分割线

前言:

最近在公司完成UI设计稿的时候,需要使用antd design vue组件库中表格,但是UI设计稿中并不需要表格分割线,尝试了多种方式最后实现如下:

css 复制代码
<style lang="scss" scoped>
   ::v-deep .ant-table-cell::before {
     height: 0px !important;
}
</style>

补充:

引入antd design vue组件库后,我们的需求是:局部修改表格的样式,而又不想去除scoped属性造成组件之间的样式污染,在使用vue-cli3编译时,需要使用**::v-deep**

实现效果展示:

官网原本效果:

修改后效果:

相关推荐
m0_616188492 分钟前
vue3 - keepAlive缓存组件
前端·vue.js·缓存
lh_12541 小时前
Uni-app 组件使用
前端·javascript·uni-app
Kx…………1 小时前
Day3:设置页面全局渐变线性渐变背景色uniapp壁纸实战
前端·学习·uni-app·实战·项目
Q_Boom1 小时前
前端跨域问题怎么在后端解决
java·前端·后端·spring
搬砖工程师Cola1 小时前
<Revit二次开发> 通过一组模型线构成墙面,并生成墙。Create(Document, IList.Curve., Boolean)
java·前端·javascript
林十一npc2 小时前
Fiddler抓取APP端,HTTPS报错全解析及解决方案(一篇解决常见问题)
android·前端·网络协议·https·fiddler·接口测试
小妖6662 小时前
4个纯CSS自定义的简单而优雅的滚动条样式
前端·javascript·css
Yensean2 小时前
Learning vtkjs之MultiSliceImageMapper
javascript·webgl
江沉晚呤时2 小时前
深入解析 .NET Kestrel:高性能 Web 服务器的架构与最佳实践
服务器·前端·.net
264玫瑰资源库3 小时前
网狐旗舰大联盟组件源码私测笔记:结构分层、UI重构与本地实操全流程
java·前端·数据库·笔记·ui·重构