当前位置: 首页 > news >正文

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

1、创建一个自定义的TableHeaderCell组件,并设置其样式为红色

const CustomTableHeaderCell = ({ children }) => (<th style={{ color: "red" }}>{children}</th>
);

2、将CustomTableHeaderCell组件传递到Table组件的columns属性中的title属性中:

const columns = [
{title: <CustomTableHeaderCell>列名</CustomTableHeaderCell>,dataIndex: 'data',key: 'key'},];

3、将数据源(dataSource)、列配置(columns)等相关信息传递给Table组件

<Table dataSource={dataSource} columns={columns} />;

http://www.lryc.cn/news/285749.html

相关文章:

  • 2024年1月18日Arxiv最热NLP大模型论文:Large Language Models Are Neurosymbolic Reasoners
  • 服务限流实现方案
  • 【RTOS】快速体验FreeRTOS所有常用API(1)工程创建
  • Red Hat Enterprise Linux 8.9 安装图解
  • vcruntime140.dll文件修复的几种常见解决办法,vcruntime140.dll丢失的原因
  • SpringCloud Alibaba 深入源码 - Nacos 分级存储模型、支撑百万服务注册压力、解决并发读写问题(CopyOnWrite)
  • 算法训练营Day45
  • 【Redis漏洞利用总结】
  • SPI 动态服务发现机制
  • 【C++进阶07】哈希表and哈希桶
  • Go 语言实现冒泡排序算法的简单示例
  • JAVA 学习 面试(五)IO篇
  • vue3相比vue2的效率提升
  • web terminal - 如何在mac os上运行gotty
  • 机械设计-哈工大课程学习-螺纹连接
  • ai绘画|stable diffusion的发展史!简短易懂!!!
  • 水塘抽样算法
  • easyui渲染隐藏域<input type=“hidden“ />为textbox可作为分割条使用
  • 100天精通Python(实用脚本篇)——第113天:基于Tesseract-OCR实现OCR图片文字识别实战
  • Go七天实现RPC
  • Elasticsearch:和 LIamaIndex 的集成
  • QT基础篇(14)QT操作office实例
  • 重拾计网-第四弹 计算机网络性能指标
  • 【Vue】Vue 路由的配置及使用
  • 网络安全事件分级指南
  • uniapp组件库SwipeAction 滑动操作 使用方法
  • YARN节点故障的容错方案
  • C++后端笔记
  • JavaEE中什么是Web容器?
  • MySQL 8.0 架构 之错误日志文件(Error Log)(1)