reactjs AntDesign:删除表行之间的分隔线

2izufjch  于 2023-04-05  发布在  React
关注(0)|答案(3)|浏览(324)

当在Ant Design中创建表格时,每行之间总是有灰色的分隔线。有没有一种方法可以设置这些分隔线的样式或将它们从表格中完全删除?

hc2pp10m

hc2pp10m1#

应覆盖antd表格样式

.ant-table-tbody > tr > td {
  border: none
}
20jt8wwn

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
}
2vuwiymt

2vuwiymt3#

也许它会帮助某人:我的任务是删除表格最后一行的行(边框底部)。解决方案是:

.ant-table-tbody > tr:last-child > td {
    border: none
}

所有表格的样式。

相关问题