本文主要是介绍去掉antd design vue组件库中表格的分割线,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
前言:
最近在公司完成UI设计稿的时候,需要使用antd design vue组件库中表格,但是UI设计稿中并不需要表格分割线,尝试了多种方式最后实现如下:
<style lang="scss" scoped>::v-deep .ant-table-cell::before {height: 0px !important;
}
</style>
补充:
引入antd design vue组件库后,我们的需求是:局部修改表格的样式,而又不想去除scoped
属性造成组件之间的样式污染,在使用vue-cli3编译时,需要使用::v-deep
实现效果展示:
官网原本效果:
修改后效果:
这篇关于去掉antd design vue组件库中表格的分割线的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!