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} />;
相关推荐
开开心心就好6 小时前
手机精确倒计时工具悬浮窗口秒数实时显示
android·前端·javascript·jupyter·智能手机·pdf·html
小江的记录本6 小时前
【HTML】HTML5 新特性、语义化标签、浏览器渲染流程(附《思维导图》)
前端·css·面试·前端框架·html·css3·html5
风骏时光牛马6 小时前
手机端高效实用技巧,看完直接上手用
前端
索西引擎6 小时前
【Vue】Vue.js 3 声明式渲染架构的设计原理与模块协同机制研究
前端·javascript·vue.js
zzzzzz3107 小时前
react-bits:从 36K stars 的“酷炫组件”,看动效如何成为 React 的可复用能力
react.js·开源·动效
mayaairi8 小时前
Vue2 事件绑定完全指南:从入门到原理
前端·javascript·vue.js
ℋᙚᵐⁱᒻᵉ鲸落14 小时前
移动端滑动手势冲突:overflow: auto导致外层横向滑动失效
前端·javascript·css·vue.js·html
默_笙15 小时前
🎃 前端学了 Next.js,后端该学啥?NestJS 就是 Node 版的蜜雪冰城
前端·javascript
前端snow16 小时前
ai agent --- 实现 openclaw 定时间效果
前端