vue纯前端导出表格, 可设置表格样式

Enidchan_

已于 2022-02-11 18:16:20 修改

阅读量1.8k

点赞数

文章标签：前端 vue.js javascript

于 2022-01-28 10:52:23 首次发布

本文链接：https://blog.csdn.net/EnidChann/article/details/122728169

版权

本文介绍如何在Vue项目中实现纯前端表格数据导出，并允许用户自定义表格样式，包括设置字体、颜色、边框等，利用javascript处理数据，提供更好的用户体验。

摘要由CSDN通过智能技术生成

// 导出Excel方法（表格id，不加扩展名的文件名，sheet名）
export function exportExcelMethod (tableId, fileName, sheetName) {
   
  tableToExcel(tableId, fileName, sheetName)
}
const tableToExcel = (function () {
   
  const uri = 'data:application/vnd.ms-excel;base64,'
  // 设置导出表格的单元格默认高度/宽度/边框样式/字体颜色/背景颜色/居中，
  // 网页显示表格宽度建议1240，tr/td视情况而定
  // 在style中添加自定义样式
  const t