当在Ant Design中创建表格时,每行之间总是有灰色的分隔线。有没有一种方法可以设置这些分隔线的样式或将它们从表格中完全删除?
hc2pp10m1#
应覆盖antd表格样式
antd
.ant-table-tbody > tr > td { border: none }
20jt8wwn2#
如果你在Nextjs应用程序中使用css-modules,你可以像这样覆盖表格样式:在这些组件文件中:
import classes from './Comp.module.css'; function Comp(props){ ... return ( <Table ... className={classes.customTable} /> ) }
在Comp.module.css文件中:
.customTable .ant-table-tbody > tr > td{ border: none }
2vuwiymt3#
也许它会帮助某人:我的任务是删除表格最后一行的行(边框底部)。解决方案是:
.ant-table-tbody > tr:last-child > td { border: none }
所有表格的样式。
3条答案
按热度按时间hc2pp10m1#
应覆盖
antd
表格样式20jt8wwn2#
如果你在Nextjs应用程序中使用css-modules,你可以像这样覆盖表格样式:
在这些组件文件中:
在Comp.module.css文件中:
2vuwiymt3#
也许它会帮助某人:我的任务是删除表格最后一行的行(边框底部)。解决方案是:
所有表格的样式。