1、创建一个自定义的TableHeaderCell组件,并设置其样式为红色
const CustomTableHeaderCell = ({ children }) => (
<th style={{ color: "red" }}>{children}</th>
);
2、将CustomTableHeaderCell组件传递到Table组件的columns属性中的title属性中:文章来源:https://www.toymoban.com/news/detail-802347.html
const columns = [
{
title: <CustomTableHeaderCell>列名</CustomTableHeaderCell>,
dataIndex: 'data',
key: 'key'
},
];
3、将数据源(dataSource)、列配置(columns)等相关信息传递给Table组件文章来源地址https://www.toymoban.com/news/detail-802347.html
<Table dataSource={dataSource} columns={columns} />;
到了这里,关于react+antd,Table表头文字颜色设置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!