element-ui表格组件分页后完整导出到excel的方法

表格分页后，突然有需求，说是要把表格导出到excel。可以在导出表格的时候先让表格长度变长，导出后再变回去，就能完整地导出整个表了

                exportExcel () {this.pagesize = '30';//表格长度变长this.currentPage= '1';this.$nextTick(function () {let wb = XLSX.utils.table_to_book(document.querySelector('#srpgtable'));/* get binary string as output */let wbout = XLSX.write(wb, {bookType: 'xlsx', bookSST: true, type: 'array'});try {FileSaver.saveAs(new Blob([wbout], {type: 'application/octet-stream'}), '表格名字.xlsx')} catch (e) {if (typeof console !== 'undefined') console.log(e, wbout)}this.pagesize = '10';//表格还原return wbout})},

element-ui表格组件分页后完整导出到excel的方法相关推荐

Vue Element UI 表格组件利用插槽实现按下按钮后获得本行数据（内容）
Vue Element UI 表格组件利用插槽实现按下按钮后获得本行数据(内容) 能够解决的问题需要在表格中添加一个类似修改或编辑的按钮,按下按钮,弹出的窗口需要本行的渲染数据需要向服务端提交一 ...
element ui 表格，通过下载按钮下载生成Excel表格
element ui 表格,通过下载按钮下载生成Excel表格,内容记录 // 安装插件 xlsx 和 file-saver import XLSX from "xlsx"; im ...
Element—UI 表格中换页后序号不变的问题
问题情况:在表格中做出了分页功能后发现分页后的序号还是从1开始解决方法: <el-table-columnlabel="序号"type="index"w ...
element ui表格勾选后勾选框置灰，不可再勾选
首先在 type="selection"的表格列里写上方法:selectable="checkSelectable" <el-table-column t ...
实战 | Element UI 父子组件传值与事件绑定（逆向）
这是小小本周的第四篇,本篇将会倒过来讲解Element UI 父子组件传值与事件绑定. 父子组件传值新建父组件和子组件新建父组件代码如下 <template><div id=& ...
实战 | Element UI 父子组件传值与事件绑定（正向）
这是小小的本周的第三篇,本篇将会讲解关于Element UI 父子组件传值与事件绑定. 父子组件传值新建父组件和子组件新建父组件代码如下 <template><div id=& ...
《前端》Element ui 表格（Table）组件中前端实现数据分页和模糊查询--未看
我是用的Element ui 表格(Table)组件中的例子下面是别人自己写的方法: Element ui 表格(Table)组件中前端实现数据分页和模糊查询_明天也要努力的博客-CSDN博客 h ...
element ui upload组件文件上传一次后，不论是上传成功之后修改文件再上传还是上传失败重新上传，再次点击上传均无反应。
问题: Element UI Upload 组件文件上传一次后,不论是上传成功之后修改文件再上传还是上传失败重新上传,再次点击上传均无反应. 原因: 第一次上传文件后,浏览器还保存着我们已经上传的文 ...
element UI 表格实现表尾合计行 ——小肉包
element UI 表格实现表尾合计行 --小肉包可以根据需要计算任意列的合计,效果图如下说明:elementUI 官网提供了标为合计行的计算方法,参考elementUI 官网table组件 ...

element-ui表格组件分页后完整导出到excel的方法

element-ui表格组件分页后完整导出到excel的方法相关推荐

最新文章

热门文章