自定义ant中table表格的展开图标 修改ant-vue-design中嵌套表格table的expandIcon自定义图标

效果:

在这里插入图片描述
1.在这里插入图片描述

<a-table:expandIcon="expandIcon":loading="loading":columns="columns":data-source="data"class="components-table-demo-nested"@change="onChangeTable":scroll="{x:1300,y:y}":pagination="pagination":locale="locale">

2.在方法methods下加入方法

expandIcon(props) {// console.log(props);if (props.record.fileInfoList.length > 0) {if (props.expanded) {//有数据-展开时候图标return (<astyle="color: 'black',margin-right:0px"onClick={(e) => {props.onExpand(props.record, e);}}><a-icon type="down" />{" "}</a>);} else {//有数据-未展开时候图标return (<astyle="color: 'black' ,margin-right:0px"onClick={(e) => {props.onExpand(props.record, e);}}><a-icon type="right" /></a>);}} else {//无数据-图标return (<span style="margin-right:0px"><a-icon type="smile" /></span>);}},

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/403829.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Foundationd和Application Kit的类层次

Foundationd类 Application Kit类 转载于:https://www.cnblogs.com/ikodota/archive/2012/08/01/2618590.html

dup和dup2的使用方法

/*本文通过标准输出的重定向和恢复的过程来解释dup和dup2的使用方法*/#include <stdio.h> #include <unistd.h>#include <fcntl.h>//STDIN_FILENO标准输入描述符&#xff08;0&#xff09;//STDOUT_FILENO标准输出描述符&#xff08;1&#xff09; //STDERR_…

python多线程编程(2): 线程的创建、启动、挂起和退出

From: http://www.cnblogs.com/holbrook/archive/2012/03/02/2376940.html 如上一节&#xff0c;python的threading.Thread类有一个run方法&#xff0c;用于定义线程的功能函数&#xff0c;可以在自己的线程类中覆盖该方法。而创建自己的线程实例后&#xff0c;通过Thread类的…

记录ie下报XMLHttpRequest: 网络错误 0x80070005, 拒绝访问。

问题&#xff1a; 同样的调用接口&#xff0c;在谷歌是没有问题的&#xff0c;但是在ie下报错XMLHttpRequest: 网络错误 0x80070005, 拒绝访问。 1.分析&#xff1a; 对比了一下&#xff0c;相同的是接口传递参数错误导致报错&#xff0c;传递的参数自动带上了 " "…

MVC3.0+DWZ探索

将themes 文件移到 js文件 index.html 转载于:https://www.cnblogs.com/acyy/archive/2012/08/03/2621594.html

棋盘覆盖

在一个2k x 2k ( 即&#xff1a;2^k x 2^k )个方格组成的棋盘中&#xff0c;恰有一个方格与其他方格不同&#xff0c;称该方格为一特殊方格&#xff0c;且称该棋盘为一特殊棋盘。在棋盘覆盖问题中&#xff0c;要用图示的4种不同形态的L型骨牌覆盖给定的特殊棋盘上除特殊方格以外…

VMM2012应用指南之12- 创建自助服务用户并分配云

河北经贸大学 王春海如果要在云中创建、管理虚拟机&#xff0c;首先要创建自助服务帐户&#xff0c;在创建用户角色的同时即可以分配云。本节介绍这部分内容。【说明】在做下面的这个操作的时候&#xff0c;需要向“库”服务器再添加另外一个库的路径&#xff0c;用于保存云中的…

解决vue项目在ie浏览器下白屏问题;ie运行项目报正在兼容性是图中运行,因为选中了“在兼容性视图中显示Intranet站点”

如果已经配置了babel-polyfill&#xff0c;在ie下依然白屏&#xff0c;打开控制台刷新&#xff0c;看看是否报 正在兼容性是图中运行&#xff0c;因为选中了“在兼容性视图中显示Intranet站点” 如图 解决方案 在ie浏览器—设置—兼容性视图设置&#xff08;B&#xff09;…

python多线程编程(4): 死锁和可重入锁

From: http://www.cnblogs.com/holbrook/archive/2012/03/08/2385449.html 在线程间共享多个资源的时候&#xff0c;如果两个线程分别占有一部分资源并且同时等待对方的资源&#xff0c;就会造成死锁。尽管死锁很少发生&#xff0c;但一旦发生就会造成应用的停止响应。下面看一…

ie浏览器跨域报错问题;Access-Control-Allow-Headers 列表不存在请求表头 content-type;XMLHTTPRequest:网络错误 0x80070005,拒绝访问。

问题&#xff1a; 这段是我在main.js下设置的&#xff0c;为了在请求头上添加后端需要的参数sessionId 和xrequestedwith &#xff0c;在谷歌下是正常的&#xff0c;ie报Access-Control-Allow-Headers 列表不存在请求表头 content-type&#xff1b;XMLHTTPRequest:网络错误 0x…

python多线程编程(5): 条件变量同步

From: http://www.cnblogs.com/holbrook/archive/2012/03/13/2394811.html 互斥锁是最简单的线程同步机制&#xff0c;Python提供的Condition对象提供了对复杂线程同步问题的支持。Condition被称为条件变量&#xff0c;除了提供与Lock类似的acquire和release方法外&#xff0c…

Prototype 字符串

2019独角兽企业重金招聘Python工程师标准>>> 原文地址&#xff1a;http://www.yiibai.com/prototype/prototype_string_processing.html Prototype 字符串处理&#xff1a;方法操作使用例子 - 学习如何操纵DOM和AJAX使用Prototype JavaScript框架.Prototype提高了一…

vue-cookies使用方法,vue中使用获取cookie

1.安装vue-cookies npm install vue-cookies -S2.在main.js引入 import VueCookies from "vue-cookies";Vue.use(VueCookies);如图&#xff1a; 3.在vue组件中使用(如果存入的是对象&#xff0c;需要先转换为json字符串) 设置cookies this.$cookies.set(fileIn…

认识repo

任何一个学习Android开发的开发者如果想要深入学习Android&#xff0c;一定要看Android源码&#xff0c;网上关于下载Android源码的教程有很多&#xff0c;如果你已经翻墙了&#xff0c;你可以直接参考Google官网的教程或者老罗最新出的教程&#xff0c;如果你还没有翻墙&#…

python多线程编程(6): 队列同步

From: http://www.cnblogs.com/holbrook/archive/2012/03/15/2398060.html 前面介绍了互斥锁和条件变量解决线程间的同步问题&#xff0c;并使用条件变量同步机制解决了生产者与消费者问题。 让我们考虑更复杂的一种场景&#xff1a;产品是各不相同的。这时只记录一个数量就不…

python多线程编程(7):线程间通信

From: http://www.cnblogs.com/holbrook/archive/2012/03/21/2409031.html 很多时候&#xff0c;线程之间会有互相通信的需要。常见的情形是次要线程为主要线程执行特定的任务&#xff0c;在执行过程中需要不断报告执行的进度情况。前面的条件变量同步已经涉及到了线程间的通…

vue本地下载文件,解决ie浏览器本地下载文件无反应(已解决);vue-cli2本地下载文件,vue-cli3本地下载文件

1.vue-cli2vue 注意&#xff1a;vue-cli2本地文件需要放在静态文件static下<a href"javascript:void(0);" click"download">帮助文档</a>download(){axios.get(static/export.pdf, {responseType: blob, //重要}).then(response > {//判断…

CSS position 笔记+实验

目录&#xff1a;1.static2.relative3.absolute4.fixed5.实验&#xff1a;static, relative, absolute中&#xff0c;父元素-子元素高度关系6.z-index7.参考资料1.static默认的定位方式&#xff0c;不支持设置位移属性用来覆盖之前创建的 absolute, relative, fixed 2.relative…