我可以在 ant design 的表中设置 className 吗？

Question

我试图在 Ant Desing 的“table”类型的组件中建立一个新类，就像我对任何其他组件（例如字母或布局）所做的那样，问题是当我在元素中添加“className”时一个表，该表不采用任何类型的样式，有人知道我如何向 ant desgin 表添加额外的自定义类......

这就是我想要做的，但我没有得到任何结果添加新课程

<Fragment>
            <Table className="modal-table" pagination={false}  columns={columns} dataSource={data} onChange={onChange}  scroll={{ y: 200 }} />
</Fragment>

Answer 1

应用于表组件的任何类名都将转发到表的包装 div，并且任何样式也将正常应用于该元素。如果您尝试定位表中的不同元素，则需要通过定位其类名来使用 CSS 覆盖样式。

由于自定义类名应用于最外面的包装器 div，因此您可以使用它来指定 AntD 类的 CSS 选择器，并仅定位您想要的表。例如，如果您应用于className="my-table"表，则可以像这样定位其中的任何类：

.my-table .ant-table-thead {
   background: red;
}