前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ant design vue动态显示隐藏表格列字段,支持记忆功能

ant design vue动态显示隐藏表格列字段,支持记忆功能

原创
作者头像
JaneYork
发布2024-03-14 16:40:35
1040
发布2024-03-14 16:40:35
举报

本文档内容下载:动态显示隐藏表格列字段,支持记忆功能.docx.zip: ​​https://url37.ctfile.com/f/8850437-1036113839-678952?p=4760​​ (访问密码: 4760)

链接: ​​https://caiyun.139.com/m/i?135CdoJGCdpkg​

  • 新版本以及新版本代码生成,会自动增加该功能,无需额外修改。
  • 仅适用于低版本、元版本,升级更新使用。
  • 如果您不需要记忆功能,跳过本文

您要做的

  1. 在List.vue找到table-setting,增加​​lsKey​​属性即可。​lsKey需要全局唯一​,建议设置为模块名+接口名以下划线分割,例如:device_camera
  1. 可选。如果涉及到前端序号#,需要改动如下:

a-table下增加

代码语言:javascript
复制
<template slot="pgz" slot-scope="text, record, index">
          {{ index + 1 }}
        </template>
代码语言:javascript
复制
{
          title: '序号',
          dataIndex: 'pgz',
          key: 'rowIndex',
          width: 60,
          align: 'center',
          scopedSlots: { customRender: 'pgz' },
        },

技术支持

如果本地开发,遇到问题,请尝试点击清理,如果还有问题或者有新需求,请联系我们!

附件

组件代码,只需要替换对应组件即可

​https://caiyun.139.com/m/i?135ClrvYwoUqn​

​​​​https://pan.xunlei.com/s/VNsw02QquKawNMFsbSl-4yZ3A1?pwd=bgxu​​​

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 您要做的
  • 技术支持
  • 附件
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档