Ant Design：移除 table 行之间的分隔线

Question

在Ant Design中制作Table时，每一行之间总是有灰色的分隔线。有没有办法设置这些分隔线的样式或将它们从 table?

中完全删除

Answer 1

您应该覆盖 antd table 样式

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

Answer 2

如果您在 Nextjs 应用程序中使用 css-modules，您可以像这样覆盖 table 样式：

其中组件文件：

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
}

Ant Design：移除 table 行之间的分隔线

Ant Design: remove the divider line between table rows

reactjs

antd