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} />;
相关推荐
Hilaku1 分钟前
用“人话”讲明白10个最常用的正则表达式
前端·javascript·正则表达式
木叶丸10 分钟前
跨平台方案该如何选择?
android·前端·ios
LL.。13 分钟前
同步回调和异步回调
开发语言·前端·javascript
网络点点滴17 分钟前
Vue如何处理数据、v-HTML的使用及总结
前端·vue.js·html
运维咖啡吧18 分钟前
周一才上线的网站,单单今天已经超过1000访问了
前端·程序员·ai编程
世界哪有真情21 分钟前
用虚拟IP扩容端口池:解决高并发WebSocket端口耗尽问题
前端·后端·websocket
前端世界22 分钟前
打造一个可维护、可复用的前端权限控制方案(含完整Demo)
前端
LeQi28 分钟前
当!important成为代码毒瘤:你的项目是不是也中了招?
前端·css·程序员
玲小珑29 分钟前
Next.js 教程系列(九)增量静态再生 (ISR):动态更新的静态内容
前端·next.js
Mintopia38 分钟前
B 样条曲线:计算机图形学里的 “曲线魔术师”
前端·javascript·计算机图形学