首页 > 其他分享 >关于ag-grid-vue导出excel表格 进行内容valueFormatter

关于ag-grid-vue导出excel表格 进行内容valueFormatter

时间:2022-09-02 10:44:06浏览次数:63  
标签:vue return ag excel 导出 valueFormatter params const colDef

最近在写ag-grid-vue的项目 ,用到了导出Excel功能,但是导出的数据是原始数据,不怎么理想,后来找了点方法进行处理,导出效果很好

 

<AgGrid
          ...
          :defaultExcelExportParams="defaultExcelExportParams"
        ></AgGrid>



data () { return { ... defaultExcelExportParams: exportParams({ fileName: this.$route.meta.title }) // 导出文件名字配置 } }, export const exportParams = ({ fileName = 'export', sheetName = 'sheet1' }) => { return { fileName, sheetName, autoConvertFormulas: true, processCellCallback: (params) => { const colDef = params.column.getColDef() if (colDef.valueFormatter) { const valueFormatterParams = { ...params, data: params.node.data, node: params.node, colDef: params.column.getColDef() } return colDef.valueFormatter(valueFormatterParams) } return params.value } } }

 

 

报表结果:真香~

 

标签:vue,return,ag,excel,导出,valueFormatter,params,const,colDef
From: https://www.cnblogs.com/bomdeyada/p/16648994.html

相关文章

  • vue3项目-小兔鲜儿笔记-一级分类页面01
    1.顶级类目-面包屑组件的封装了解render函数和h函数:render函数的返回值是html结构,渲染到#app容器,相对于template里传入html结构,render函数的优先级更高h函数是一个创建......
  • C# Sql Server Image类型读取
    数据空中的image同过dataTable直接转成byte[]再把Base64保存为图片,这里把byte装成流再转图片当然也可以,只是那样略显麻烦privatevoidbutton1_Click(objectsender,......
  • vue如何全局清除默认样式
    为什么要清除CSS的默认样式?1、首先每个浏览器对html标签都有自己的默认样式,用来保证在没有自定义样式的情况下也能被有据可循的渲染,然而各厂商都有自己的风格,需求也不......
  • 【面试题】Vue路由跳转的四种方式用法及区别
    Vue路由跳转的四种方式用法及区别点击打开视频讲解更加详细一、router-link<router-link:to="{name:'home'}"><router-link:to="{path:'/home'}">//name,path都行......
  • 企业单位公众号如何上传附件(如Word,Excel,PPT等)
     企业单位在公众号发布招聘信息时,需要在文章里面上传附件,可能是录取通知书、招聘报名表、成绩单,也可能是防疫政策规则、健康承诺书,等等。公众号文章是如何上传附件的呢?......
  • 使用 Vite 搭建一个 Vue 3 UI 组件库的手把手教程 All In One
    使用Vite搭建一个Vue3UI组件库的手把手教程AllInOneelement-pluselement-uiforvue3.xversionhttps://github.com/element-plus/element-plushttps://el......
  • Appwrite 很荣幸成为 Vue.js 项目的特别赞助商
    Appwrite很荣幸成为Vue.js项目的特别赞助商我们非常高兴地宣布,从今天开始,应用程序将作为特别赞助商Vue项目,并将在财政上支持埃文以及明年Vue生态系统背后的惊......
  • Vuex中的辅助函数
     一、组件访问state从vuex中导入mapState函数import{mapState}from'vuex'映射为当前组件的computed计算属性:...mapState(['count'])3.添加到组件......
  • 安装Zabbix客户端zabbix-agent2
    Ubuntu系统:下载链接:http://mirrors.aliyun.com/zabbix/zabbix/6.0/ubuntu/pool/main/z/zabbix/?spm=a2c6h.25603864.0.0.5e804167HzHeoe以ubuntu20.04的64位系统为例:Inde......
  • AGC010 记录
    A.Addition题意给定一个\(n\)个整数的数组\(A\),每次可以删去一对奇偶性相同的\(A_i,A_j\),再添加一项\(A_i+A_j\)。判断是否能够通过若干次操作后使得数组只剩下一项。B......