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} />;
相关推荐
风月说与山鬼2 分钟前
三、uni-app页面配置(pages.json)
前端·uni-app
daols886 分钟前
vue 实现基于 vxe-table 构建多维度产品对比表
前端·javascript·vue.js
前端 贾公子9 分钟前
第08章:中间件(5)
服务器·前端·javascript
tech_zjf1 小时前
当 AI 把 Next.js Route 越写越快:我为什么做了 next-route-kit
前端·后端
常宇佳1 小时前
vue3 @代指src路径设置
前端·typescript·vue
砚凝霜1 小时前
软考网络工程师|案例分析:Eth‑Trunk 链路聚合、iStack 堆叠、CSS 集群核心考点总结
前端·css·网络
二级小助手1 小时前
二级Web前端选择题高频真题20道与考场避坑笔记
javascript·css3·html5·web前端·计算机二级·二级web·web真题
珐恩AI-人工智能2 小时前
大模型意图召回偏差分析:GEO如何解决“有收录却不触发问答曝光”的难题
大数据·前端·人工智能·html·流量运营·geo优化
程序员老赵2 小时前
Docker 部署禅道 ZenTao:轻松搭建研发项目管理平台
前端·后端·github
前端小卡拉2 小时前
用了大半年 AI 编程工具,我才搞懂 Skill 到底是什么
前端·javascript