Ant Design Table 表格字典转换问题

Ant Design Table 表格字典转换问题

用官网的render 不知道怎么用

后面找到了这种土办法  先凑合用 等待大神提示

实现效果

Ant Design Table 表格字典转换问题

页面组件部分

<a-table :row-selection="rowSelection" :columns="columns" :data-source="sourceData" @change="hello" >
   <span slot="edit" slot-scope="edit">
       <a-tag :key="edit" @click="editFn(edit)">编辑</a-tag>
   </span>
   <span slot="status" slot-scope="status">
       <a-tag :key="status" >{
  { status==0?'否':'是' }}</a-tag>
   </span>
</a-table>

还有下面的columns数据部分

const columns = [
  {
    title: '部门',
    dataIndex: 'deptName',
    // sorter: (a, b) => a.deptName.length - b.deptName.length,
    sorter: true
    // sortDirections: ['descend']
  },
  {
    title: '代码',
    dataIndex: 'deptCode',
    // sorter: (a, b) => a.deptCode.length - b.deptCode.length,
    sorter: true
    // sortDirections: ['descend']
  },
  {
    title: '类型',
    dataIndex: 'deptType',
    // sorter: (a, b) => a.deptType.length - b.deptType.length,
    sorter: true
    // sortDirections: ['descend']
  },
  {
    title: '父节点',
    dataIndex: 'parent'
  },
  {
    title: '排序',
    dataIndex: 'sort',
    // sorter: (a, b) => a.sort - b.sort,
    sorter: true
    // sortDirections: ['descend']
  },
  {
    title: '状态',
    dataIndex: 'status',
    key: 'status',
    scopedSlots: { customRender: 'status' }
  },
  {
    title: '操作',
    dataIndex: 'deptId',
    scopedSlots: { customRender: 'edit' }
  }
]

注意最后两行

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/2194.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 判断一个数是不是质数(素数),3种方式介绍

    一、概念介绍大家中学都学过,就不过多介绍了,大致提两点:质数又称素数。一个大于1的自然数,除了1和它自身外,不能被其他自然数整除的数叫做质数;否则称为合数。 0和1既不是质数也不是合数,最小的质数是2二、方法介绍1.最直观,但效率最低的写法publicstaticbooleanisPrime(intn){if(n<=…

  • 对Java线程池ThreadPoolExecutor的理解分析

    对Java线程池ThreadPoolExecutor的理解分析主要放在后面做总结(重点查看下:http://www.ideabuffer.cn/,刚发现一个宝藏)参考文献:1.http://www.ideabuffer.cn/2017/04/04/%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3Java%E7%BA%BF%E7%A8%8B%E6%B1%A0%EF%BC%9AThreadPoolExecutor/2.https://tech.meituan.com/2020/04/02/java-pooling-pratice-i

  • java 查看进程状态_java执行shell命令并返回结果

    java 查看进程状态_java执行shell命令并返回结果进入到当前java进程的目录下(这里使用Test01.clss)使用jps查看该进程的pid使用jstack命令查看该进程运行状态信息并将日志信息打印到指定位置的dump文件中打印统计所有线程此时的状态可以看到一共有29条线程存在查看线程的状态…

  • phpstorm激活码2021年4月_通用破解码

    phpstorm激活码2021年4月_通用破解码,https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

  • MySQL建立索引的优点和缺点

    MySQL建立索引的优点和缺点建立索引的优缺点:为什么要创建索引呢?        这是因为,创建索引可以大大提高系统的性能。         第一、通过创建唯一性索引,可以保证数据库表中每一行数据的唯一性。         第二、可以大大加快数据的检索速度,这也是创建索引的最主要的原因。         第三、可以加速表和表之间的连接,特别是在实现数据的参考完整性方面特别有意义。         第四、在使用分组和排序子句…

  • 工厂模式和抽象工厂模式的区别_工厂模式代码

    工厂模式和抽象工厂模式的区别_工厂模式代码工厂模式 Factory Method动机模式定义实例结构图要点总结笔记动机在软件系统中,经常面临着创建对象的工作,由于需求的变换,需要创建的对象的具体类型经常变换。如何应对这种变换?如何绕过常规的对象创建方法(new),提供一种”封装机制“来避免客户程序和这种”具体对象创建工作“的紧耦合模式定义定义一个用于创建对象的接口,让子类决定实例化哪一个类。Factory Method使得一个类的实例化延迟(目的:解耦,手段:虚函数)到子类实例朴素class ISplitter{public:

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号