关于el-table表格设置el-table-column宽度的问题

场景:   使用js-xlsx插件实现前端导出EXCEL表格。js-xlsx前端下载表格原理:DOM元素显示什么,下载的EXCEL表格内容即为显示的内容。
              当前有一需求:后端返回的数据结构中,包含name以及display_name两个属性。要求显示display_name,但下载的EXCEL表格中同时显示name和display_name两个属性的内容。
解决:   基于js-xlsx下载原理,要想下载的表格中同时包含name和display_name两个属性,DOM中必须都要显示。但因需求要求只显示display_name,所以name显示要进行隐藏。
问题:   使用elementUI的基本问题,DOM元素的css不容易控制。尝试使用显示隐藏控制属性name的显示隐藏不现实。种种尝试后,决定采用将name显示列宽度置为0解决该问题。由此引发问题:如何将el-table,某一列宽度设置为0。
解决:   想要将el-table-column的宽度在界面隐藏,即width:0;有一个特殊的方法:将属性width直接置为-1,即可隐藏。设置为0,或者强制将内容宽高置为0,都不可实现隐藏该元素的目的。 
              

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值