x-extends / vxe-table

Vxe table 的表格组件
https://vxetable.cn
MIT License
7.61k stars 1.05k forks source link

Vxe-table v3在隐藏表头为二级的列之后, 使用高级打印或高级导出功能时该列仍然存在的问题。 #1812

Open chiyuelaochao opened 2 years ago

chiyuelaochao commented 2 years ago

问题浮现代码:

https://codesandbox.io/s/vxe-table-3-x-vue-2-6-wen-ti-yan-shi-forked-441kgq?file=/src/views/Demo1.vue:0-1853

问题描述与截图:

我使用的Vxe-table包含两级表头

1 - Copy

先在点击"隐藏Sex列"按钮, 使用代码column.visible = visible来隐藏该列,table中该列会被隐藏.

2

然后点击"直接打印"按钮, 使用this.$refs.resultTable.print(); 直接打印, 打印预览中显示该列处于隐藏状态, 这是正常的.

3

但是点击"打开打印配置"按钮, 使用this.$refs.resultTable.openPrint(); 先打开打印配置页面(高级打印功能),显示该列没有被勾选, 这也是正常的.

4

然后点击"打印"按钮进入打印预览页面, 为什么已经被隐藏的且没被勾选的列仍然展示出来,这是不正常的吧?

5

另外: 高级导出文件功能也会有同样的问题.

期望的结果:

请问问题出在哪里? 该如何解决?

No response

操作系统:

window10

浏览器版本:

Microsoft Edge Version 103.0.1264.71 (Official build) (64-bit)

vue 版本:

2.6.10

vxe-table 版本:

3.5.2

chiyuelaochao commented 2 years ago

问题原因未知。 Vxe-table交流群有位兄弟提供一个避免该问题的思路:不使用visible来隐藏列,直接删除该列。 测试有效。

chiyuelaochao commented 2 years ago

使用Vxe-grid来实现动态增减列的效果更好