我们打开 f12 可以看到,其实竖线就是一个伪元素。
那么去除只需要把他 display: none;就可以了。
.ant-table-cell::before{
display: none;
}
在使用React的时候,需要在外层加个类名以防改变全局的样式,并且加上:global ,最终的代码如下
.tableBox {
:global {
.ant-table-cell::before{
display: none;
}
}
}
在使用 React 中这样的话就可以去除 antd 表格头部右侧的小竖线了。