Ant Design: remove the divider line between table rows

user_2921009 0
Viewed 1285

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?

antd reactjs
2 Answers

You should override the antd table styles

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

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
}
user_119779290
Related