1、创建一个自定义的TableHeaderCell组件,并设置其样式为红色
javascript
const CustomTableHeaderCell = ({ children }) => (
<th style={{ color: "red" }}>{children}</th>
);
2、将CustomTableHeaderCell组件传递到Table组件的columns属性中的title属性中:
javascript
const columns = [
{
title: <CustomTableHeaderCell>列名</CustomTableHeaderCell>,
dataIndex: 'data',
key: 'key'
},
];
3、将数据源(dataSource)、列配置(columns)等相关信息传递给Table组件
javascript
<Table dataSource={dataSource} columns={columns} />;