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} />;
相关推荐
hulkie13 小时前
从 AI 对话应用理解 SSE 流式传输:一项 "老技术" 的新生
前端·人工智能
dobym13 小时前
里程碑五:Elpis框架npm包抽象封装并发布
前端
全栈老石13 小时前
手写无限画布4 —— 从视觉图元到元数据对象
前端·javascript·canvas
牛奶13 小时前
React 底层原理 & 新特性
前端·react.js·面试
parade岁月13 小时前
Tailwind CSS v4 — 当框架猜不透你的心思
前端·css
小明91313 小时前
基于Rokid CXR-M SDK的AI饮食健康助手开发实战
前端
一枚前端小姐姐13 小时前
低代码平台表单设计系统技术分析(实战三)
前端·vue.js·低代码
牛奶13 小时前
ts随笔:面向对象与高级类型
前端·面试·typescript
牛奶13 小时前
React 基础理论 & API 使用
前端·react.js·面试
大漠_w3cpluscom13 小时前
别再死记CSS属性了!真正能让你少走半年弯路的,是这套思维
前端