How to change antd Table header color

Question

I tried to target base classes as below which doesn't work.

.ant-table .ant-table-container .ant-table-content table thead.ant-table-thead {
  background-color: green !important;
}

Is there a working way to achieve this?

Corresponding JSX:

<Table columns={columns} dataSource={dataSource} />

Antd Table Docs: https://ant.design/components/table/

Answer 1

Background Color for Table Header is come from Table Cell. Try using below rule.

.ant-table-thead .ant-table-cell {
  background-color: green;
}