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

Question

我正在尝试在 Ant Desing 的 "table" 类型的组件中创建一个新的 class，就像我对任何其他组件所做的那样，例如字母或布局，问题是当我在 table 的元素中添加 "className" 时， table 它不采用任何样式，有人知道我如何添加额外的自定义 class 到蚂蚁设计 tables ...

这就是我想做的，但是添加新的 class

我没有得到任何结果

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

Answer 1

您应用于 table 组件的任何 class 名称将被转发到 table 的包装器 div，并且任何样式都将正常应用于该组件元素也是如此。如果您尝试以 table 中的不同元素为目标，则需要通过以其 class 名称为目标来使用 CSS 覆盖样式。

由于自定义 class 名称应用于最外层包装器 div，您可以使用它为 AntD classes 和目标指定 CSS 选择器只有您想要的 table。例如，如果您将 className="my-table" 应用于 Table，您可以像这样定位其中的任何 class：

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

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

Can i set a className in the tables from ant design?

css

reactjs

ant-design-pro