1

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

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

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

1 回答 1

3

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

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

.my-table .ant-table-thead {
   background: red;
}
于 2019-11-14T14:17:32.330 回答