Search code examples
cssreactjsantdant-design-proant-design-vue

Antd table: How to remove the divider line between table column heading

As you can see in the image there is line which divides each table column heading. I wish to remove these dividing lines from this table. I'm using Antd table component. https://ant.design/components/table#examples

enter image description here

Solution

  • Using css:

    .ant-table-thead > tr > th {
    border-right: none !important;
  }

    solved the issue.