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

本文主要是介绍去掉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组件库中表格的分割线的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---