react+antd,Table表头文字颜色设置

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} />;
相关推荐
WTSolutions3 分钟前
Excel 转 JSON by WTSolutions API 文档
javascript
AverageJoe19914 分钟前
一次vite热更新不生效问题排查
前端·debug·vite
努力只为躺平6 分钟前
🔥 油猴脚本开发指南:从基础API到发布全流程
前端·javascript
bitbitDown7 分钟前
我用Playwright爬了掘金热榜,发现了这些有趣的秘密... 🕵️‍♂️
前端·javascript·vue.js
陈随易12 分钟前
VSCode v1.102发布,AI体验大幅提升
前端·后端·程序员
ma7716 分钟前
JavaScript 获取短链接原始地址的解决方案
前端
该用户已不存在16 分钟前
关于我把Mac Mini托管到机房,后续来了,还有更多玩法
服务器·前端·mac
tianchang19 分钟前
SSR 深度解析:从原理到实践的完整指南
前端·vue.js·设计模式
闲蛋小超人笑嘻嘻20 分钟前
前端面试十一之TS
前端
摆烂为不摆烂21 分钟前
😁深入JS(四): 一文让你完全了解Iterator+Generator 实现async await
前端