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

You should override the antd table styles

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

Answer 2

You need to provide headerSplitColor: 'transparent', for Table in your ConfigProvider which is the recommened approch to customising theme in Antd,

lean more here : https://ant.design/docs/react/customize-theme

<ConfigProvider
  theme={{
    components: {
      Table: {
        headerSplitColor: 'transparent'
      }
    }
  }}
>
  // your code
</ConfigProvider>