前端怎么导出表格_前端如何导出表格数据

“ 最近在搞前端数据导出功能，所以就在网上查了一下，然后就使用，需要的小伙伴们可以看看，如果哪里写错了，记得留言，”

新建一个js文件

function outputTable (tableData) {  console.log(tableData)  var header = []  for (var key in tableData[0]) {    header.push(key)  }  var contents = []  // contents.push(header);  for (let i = 0; i < tableData.length; i++) {    var content = []    for (let item in tableData[i]) {      content.push(tableData[i][item])    }    contents.push(content.join(','))  }  var stri = contents.join('\r\n')  // encodeURIComponent解决中文乱码  let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(stri)  console.log(encodeURIComponent(uri))  // 通过创建a标签实现  var link = document.createElement('a')  link.href = uri  // console.log(link)  // 对下载的文件命名，这个地方是可以修改的  link.download = '某某名称.csv'  document.body.appendChild(link)  link.click()  document.body.removeChild(link)}export default outputTable

然后引入文件

然后使用这个方法

当然我的把不需要的去掉，然后中英文切换，所以

然后导出来数据是这个样子

‍

前端怎么导出表格_前端如何导出表格数据相关推荐

java前端接口怎么写_前端接口怎么写
1.java后台怎么写接口给前端使用 java后台如何给前端写使用接口,框架一开始就得考虑好的,很多都使用mvc架构往往用户登录时,用户密码符合,会允许其访问,保存登录信息,下次就不需要再次登录了,直 ...
实测实量数据表格_实测实量测量表格(DOC)
中国建筑项目管理表格项目实测实量记录表表格编号 CSCEC-SC- 工程名称栋号楼层户型(部位) 检查项目检查内容评判标准检测区检测点选点规则合格率检 ...
java excel 导出下载_使用Java导出Excel表格并由浏览器直接下载
声明:本文是基于其他博主的文章,自己再稍微改了一点[公共类+业务类],感谢那个博主参考地址:https://blog.csdn.net/wzy18210825916/article/details/ ...
前端传中文文件名_前端工程师需要掌握哪些知识，web前端开发规范总结
Web前端作为开发团队中不可或缺的一部分,需要按照相关规定进行合理编写(一部分不良习惯可能给自己和他人造成不必要的麻烦).不同公司不同团队具有不同的规范和文档.下面是根据不同企业和团队的要求进行全面详 ...
web前端知识点太多_前端知识点总结——框架中报错集锦（含解决方法）
前端知识点总结--框架中报错集锦(含解决方法) 1.vue 1.指定template直接返回多个标签 Component template should contain exactly one roo ...
dao模式和前端控制器结合使用_前端技术及开发模式的演进，带你了解前端技术的前世今生...
先声明,本篇不会讲带有年代性的前端发展史,不讲故事,想了解的读者可以去查阅一些其他的资料和文章,本篇仅仅从技术发展角度结合案例分析,说明前端技术的发展和开发模式的演进变化.本篇内容重点说明PC端技术, ...
天正如何批量导出坐标_天正如何导出坐标文件天正导出批量pdf
怎么把天正里面的坐标导出到文档里面? 我有个方法到是可以把所有的坐标全部提取到表格里面,后面是不是你要的效果我就不知道了,方法告诉你吧,我自己试了完全可以实现.1.用浩辰cad8的文字菜单中的增强文字 ...
前端打印流响应_前端开发-餐饮小票自主打印应用开发
餐饮小票自主打印应用 #程序员干货站#餐饮小票是餐厅消费的主要凭证之一,与消费发票共同构成了很多单位财务报销的依据.对于部分小餐饮企业由于各种原因未能为用户提供餐饮小票,给消费者带来麻烦.本例以此需求 ...
前端怎么画三角形_前端小技巧：边框写三角形
边框写三角形,这个技能从事前端的小伙伴应该都不陌生,不过大多数都是知其然而不知其所以然,今天我们就来探究一下这里面的原理. 随意的在页面上给一个盒子,然后给一个边框来看看. 这样的一段代码,给到盒子的 ...

前端怎么导出表格_前端如何导出表格数据

前端怎么导出表格_前端如何导出表格数据相关推荐

最新文章

热门文章