前端引入file-saver和xlsx进行导出,对拆分数据和下拉选项导出效果异常该如何解决?

image.png

图一

image.png

图二

el-table 遇到数据可能是多行的情况采用合并单元格的方式会出现一页数据不够的情况(合并的行也算数据)
所以采用了样式的效果实现拆分(图三)
问题是现在要做个导出功能就遇到问题了导出后会出现图二的情况会合并数据!因为本来就是手动拆分的,出现这样的问题能理解但是该怎么实现页面上效果和导出效果一致呢?
image.png

图三

还有个问题就是因为页面有需要选择的地方(图四)导出后会导出所有下拉项的bug(图五)
我的想法是实在实现不了可以添加个弹框,弹框里面进行下拉选择,页面上只进行数据展示但是又不太方便。
image.png

图四

image.png

图五

第一次遇到这样的问题,希望能得到解决方法,万分感谢!

=================================add
数据格式是这样的
image.png

数据最外层

image.png
image.png

  数据处理解析

找到数组里报销明细解析value 是个数组数组长度是几就显示几行(所以我这种情况应该是表格拆分?)
image.png

问题就是我是显示好后页面效果是图一但是导出的效果是图二
该使用什么方法才能导出后也是多行显示呢而不是合并显示

阅读 622
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏