Ant Design: remove the divider line between table rows

Question

When making a Table in Ant Design, there are always gray divider lines between each row. Is there a way to style these divider lines or completely remove them from the table?

Answer 1

if you are using css-modules in your Nextjs application, you can override table styles like this:

in them component file:

import classes from './Comp.module.css';
function Comp(props){
  ...
  return (
    <Table
       ...
       className={classes.customTable}
   />
  )
}

and in the Comp.module.css file:

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