您当前的位置: 首页 >  童心同萌

vue+element+poi导入多级标题多sheet页excel

童心同萌 发布时间:2019-06-27 14:50:53 ,浏览量:4

上一篇博客实现了vue+element导出多级标题多sheet页excel,本篇主要实现将导出的多级标题多sheet页的excel重新导入的页面.之前写过js导入excel的博客,但是那个是没有多级标题的,导入之后可以根据sheet页名称获取封装sheet页数据的数组,每一行数据对应一个数组元素,该数组元素是一个对象,属性名为导入的excel的sheet页的标题(也就是第一行数据),但是当导入多级标题时,由于第一行数据是一级标题,这样就无法将excel的一行数据封装为我们想要的对象形式,所以当导入多级标题excel时,通过POI在后台对excel数据进行封装,然后在前台将POI封装的数据转移到element的table中.

导入之前tab页表格

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rvbmd4aW5fdG9uZ21lbmc=,size_16,color_FFFFFF,t_70

 watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rvbmd4aW5fdG9uZ21lbmc=,size_16,color_FFFFFF,t_70

导入excel的sheet页

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rvbmd4aW5fdG9uZ21lbmc=,size_16,color_FFFFFF,t_70

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rvbmd4aW5fdG9uZ21lbmc=,size_16,color_FFFFFF,t_70

具体实现如下:

20190627152114659.png

 watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rvbmd4aW5fdG9uZ21lbmc=,size_16,color_FFFFFF,t_70

 watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rvbmd4aW5fdG9uZ21lbmc=,size_16,color_FFFFFF,t_70

 watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rvbmd4aW5fdG9uZ21lbmc=,size_16,color_FFFFFF,t_70

导入之后tab页表格

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rvbmd4aW5fdG9uZ21lbmc=,size_16,color_FFFFFF,t_70

 watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rvbmd4aW5fdG9uZ21lbmc=,size_16,color_FFFFFF,t_70

 

关注
打赏
1688896170
查看更多评论

童心同萌

暂无认证

  • 4浏览

    0关注

    87博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文
立即登录/注册

微信扫码登录

0.4429s