vue集成Export2Excel.js插件如何设置导出表格样式?

近期开发项目有个功能需要导出表格数据,百度学习了一些前辈的教程,选用了Export2Excel.js插件,功能是可以实现,但是现在导出的表格只是最基本的样式,如果希望导出有样式的表格,该如何设置?(例如设置表格的头部栏是红色字体,某一列的列宽是多少等等)

阅读 17.2k
2 个回答

直接用原生的就好

// 隐藏在页面的元素a,作为下载文件提示用
<a v-show="false" ref="Export"></a>

// 按钮
<button @click="daochu">导出</button>
//方法
methods:{
    daochu() {
      this.$axios.post("/url",data).then(response=> {
        let url = window.URL.createObjectURL(new Blob([response.data]));
        //[ ]中括号这里放后台返回的数据,要表格的那个,并不是整个respons,一般是respons.data,看后台他们放哪个位置
        let el = this.$refs.exportExcel;//上面隐藏的元素
        el.href = url;// 给元素赋值一个链接
        el.setAttribute("download", "表格名字.xlsx"); //起名
        el.click();
        window.URL.revokeObjectURL(url);// 生成表格
      });
    },
}

新手上路,请多包涵

你解决问题了吗?我也遇到了一样的需求无法解决

推荐问题