我可以在 ant design 的表中设置一个类名吗？

Question

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

这是我尝试做的，但我没有得到任何结果添加一个新的类

<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;
}