react的antd表格自定义图标

news/2025/2/6 17:47:54 标签: 前端, javascript, react.js

将原版的加号换成箭头
自定义图标

安装图标包:

npm install --save @ant-design/icons

引入:

javascript">import { RightOutlined, DownOutlined } from '@ant-design/icons';

参数是一个函数

javascript"> 
<Table columns={columns} dataSource={data} indentSize={20}
    expandIcon={({ expanded, onExpand, record }) => {
    //expanded-是否可展开, onExpand-展开事件默认, record-每一项的值 设置自定义图标
    if (record.children && record.children.length != 0) {
         if (expanded) {//根据是否可以展开判断
             return <DownOutlined onClick={e => onExpand(record, e)} />
         } else {
            return <RightOutlined onClick={e => onExpand(record, e)} />
         }
         } else {
            return ''
          }
 
        }} />


http://www.niftyadmin.cn/n/5843218.html

相关文章

基于ArcGIS的SWAT模型+CENTURY模型模拟流域生态系统水-碳-氮耦合过程研究

流域是一个相对独立的自然地理单元&#xff0c;它是以水系为纽带&#xff0c;将系统内各自然地理要素连结成一个不可分割的整体。碳和氮是陆地生态系统中最重要的两种化学元素&#xff0c;而在流域系统内&#xff0c;水-碳-氮是相互联动、不可分割的耦合体。随着流域内人类活动…

网络原理一> ip协议相关特性

目录 概述&#xff1a;IP协议结构属性理解&#xff1a;4位版本&#xff1a;4位部首长度&#xff1a;8位服务类型&#xff1a;16位总长度字节数&#xff1a;8位生存时间&#xff1a;8位协议&#xff1a;16位部首检验和&#xff1a;32位源IP地址和32位目的IP地址&#xff1a; IP地…

Django 多数据库

django 支持项目连接多个数据库 DATABASES = {default: {ENGINE: django.db.backends.mysql,NAME: xxx,USER: root,"PASSWORD": xxxxx,HOST: xxxx,PORT: 3306,},bak: {ENGINE: django.db.backends.mysql,NAME: xxx,USER: root,"PASSWORD": xxxx,HOST: xxx…

Go学习:格式化输入输出

目录 1. 输出 2. 输入 1. 输出 常用格式&#xff1a; 格式说明%d整型格式%s字符串格式%c字符格式%f浮点数格式%T操作变量所属类型%v自动匹配格式输出 简单示例代码&#xff1a; package mainimport "fmt"func main() {a : 10b : "abc"c : ad : 3.14/…

《深度揭秘LDA:开启人工智能降维与分类优化的大门》

在当今人工智能蓬勃发展的时代&#xff0c;数据成为了驱动技术进步的核心要素。随着数据采集和存储技术的飞速发展&#xff0c;我们所面临的数据量不仅日益庞大&#xff0c;其维度也愈发复杂。高维数据虽然蕴含着丰富的信息&#xff0c;但却给机器学习算法带来了一系列严峻的挑…

Slint的学习

Slint是什么 Slint是一个跨平台的UI工具包&#xff0c;支持windows,linux,android,ios,web&#xff0c;可以用它来构建申明式UI,后端代码支持rust,c,python,nodejs等语言。 开源地址&#xff1a;https://github.com/slint-ui/slint 镜像地址&#xff1a;https://kkgithub.com/…

Vue前端开发-pinia之Actions插件

Store中的Actions部分&#xff0c;用于定义操作属性的方法&#xff0c;类似于组件中的methods部分&#xff0c;它与Getters都可以操作State属性&#xff0c;但在定义方法时&#xff0c;Getters是对State属性进行加工处理&#xff0c;再返回使用&#xff0c;属于内部计算;Action…

基于微信小程序的医院综合服务平台的设计与实现ssm+论文源码调试

4系统概要设计 4.1概述 本系统后台采用B/S结构(Browser/Server,浏览器/服务器结构)和基于Web服务两种模式&#xff0c;是一个适用于Internet环境下的模型结构。只要用户能连上Internet,便可以在任何时间、任何地点使用。系统工作原理图如图4-1所示&#xff1a; 图4-1系统工作原…