前端自己导出Excel

最新推荐文章于 2023-10-26 09:00:00 发布

weixin_30457465

最新推荐文章于 2023-10-26 09:00:00 发布

阅读量119

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/mxyr/p/10824403.html

版权

1、导出当前页面，这是最简单的，只是导出当前页面的数据。

exportData(tableid, name) {
        let table;
        let uri = 'data:application/vnd.ms-excel;base64,',
          template = '<html><head><meta charset="UTF-8"></head><body><table  border="1">{table}</table></body></html>',
          base64 = function (
            s) {
            return window.btoa(unescape(encodeURIComponent(s)))
          },
          format = function (s, c) {
            return s.replace(/{(\w+)}/g, function (m, p) {
              return c[p];
            })
          };

        table = document.getElementById(tableid)
        let ctx = {
          worksheet: name || 'Worksheet',
          table: table.innerHTML
        };
        window.location.href = uri + base64(format(template, ctx))
      },

2、导出有分页的数据

exportData2() {
      let table;//把所有要导出的数据全部封装成tbody内的数据，然后导出
      let uri = "data:application/vnd.ms-excel;base64,",
        template =
          '<html><head><meta charset="UTF-8"></head><body><table  border="1">{table}</table></body></html>',
        base64 = function(s) {
          return window.btoa(unescape(encodeURIComponent(s)));
        },
        format = function(s, c) {
          return s.replace(/{(\w+)}/g, function(m, p) {
            return c[p];
          });
        };
      let ctx = {
        worksheet:"导出",
        table: table
      };
      window.location.href = uri + base64(format(template, ctx));
    },