Home > Software engineering >  How to change antd Table header color
How to change antd Table header color

Time:04-27

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? enter image description here

Corresponding JSX:

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

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

CodePudding user response:

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

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