前端
文章平均质量分 96
iseefly
CS专业,主攻Java后端。
展开
-
使用xlsx.js导出有复杂表头的excel
前端使用xlsx.js导出有复杂表头的excel参考: Vue项目中使用xlsx-style导出有格式的表格,这个博客中的实现是针对单个excel手写合并样式,比较繁琐。我这里实现了根据table的表头数据结构,自动生成和页面上相同的excel表格。1、简介需求要导出表格数据到excel,本来想在后端用poi来弄,但是回想起之前同事被poi支配的恐惧,我搜了一下还是觉得在前端使用xlsx.js来搞,这样比较简单。虽然没有要求表格样式,但是我觉得还是弄成多级表头比较好看。2、效果页面导出数原创 2020-11-03 19:09:49 · 10778 阅读 · 29 评论 -
Element UI动态生成多级表头
Element UI动态生成多级表头思路:使用事先定义好的表头数据结构,使用Vue组件中的render函数动态渲染查看全部源码1、表头数据结构可以看出,下面的数据结构可以描述多级表头的包含关系,其中name表示列的lable,prop就是后端传过来的属性,width对应列宽,exeFun函数代表了当前列的值获取方式,不定义则直接获取原始值。child属性是子表头,可无限扩展。revealList: [ { name: '性别', prop: 'gender',原创 2020-11-03 16:28:16 · 2345 阅读 · 0 评论