如何更改 ant.design 'Table' 组件的样式？

Question

我现在有一张表格，我想将表格的列标题更改为不同的颜色。

链接到表格

我尝试过的事情：

1. <Table className="ant-table-thead">
    ...
   </Table>
   

2. <Table className="ant-table-content">
   ...
   </Table>
   

在 css 文件中，我输入：

.ant-table-content {
  background-color: rgb(127, 127, 127);
  color: rgb(127, 127, 127);
 }

我希望能得到一些帮助来为这个特定的 Table 组件设置样式，但是如果您也可以给我一个关于如何在 ant.design 中设置其他组件样式的一般指南（或者我可以在某个地方找到所有可能的 className），我将不胜感激。

Answer 1

所以我发现大体的想法是对的。对于每个 html 组件（例如 Table），通常的做法是定义一个 className。因为我使用 Ant-Design，所以我必须有特定的类名。这些 className 可以在客户端的 node_modules 文件夹、antd/es 以及任何正在使用的特定组件中找到。然后，index.css 文件列出了所有可编辑的类名和特定属性。