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

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

作者: JaneYork | 来源:发表于2024-03-13 16:36 被阅读0次

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

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

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

    [图片上传失败...(image-393b35-1710404506068)]

    您要做的

    1. 在List.vue找到table-setting,增加lsKey属性即可。**lsKey需要全局唯一**,建议设置为模块名+接口名以下划线分割,例如:device_camera

    [图片上传失败...(image-33ac-1710404506068)]

    1. 可选。如果涉及到前端序号#,需要改动如下:

    a-table下增加

    [图片上传失败...(image-b3355c-1710404506068)]

    [图片上传失败...(image-e682f9-1710404506068)]

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

    技术支持

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

    [图片上传失败...(image-4942bc-1710404506068)]

    附件

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

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

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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/elhizdtx.html