protable做数据导出（利用ExportJsonExcel插件）

最新推荐文章于 2024-08-07 10:39:24 发布

西安鱿鱼须

最新推荐文章于 2024-08-07 10:39:24 发布

阅读量753

点赞数

文章标签：前端 javascript react

本文链接：https://blog.csdn.net/qq_59180014/article/details/129444429

版权

文章介绍了如何在AntDesignPro(antdpro)中利用ExportJsonExcel插件进行数据导出。首先引入所需插件，然后定义导出数据的函数，设置文件名和数据格式。在ProTable组件中，添加时间选择器，只有选择时间后才能执行导出操作，提供了一种定制化的数据导出解决方案。

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

antd pro 数据导出（利用ExportJsonExcel插件）

1.引入插件

import ExportJsonExcel from 'js-export-excel';	
import dayjs from 'dayjs';       //获取时间

2.定义函数

/**
   *  导出数据
   */
  const handleExportCurrentExcel = (data: any) => {
    console.log(data);
    let sheetFilter = ['index', 'name', 'type', 'target', 'method', 'introduce', 'publishedAt'];
    let option: any = {};
    option.fileName =     //导出的文件名
      '(' + dayjs().format('YYYY') + '年)' + '企业服务信息表-' + dayjs().format('YYYY-MM-DD');
    option.datas = [
      {
        sheetData: exportData,      //根据需求请求过来的json数据
        sheetName: '企业服务信息表',
        sheetFilter: sheetFilter,   //表数据对应sheetData中的数据
        sheetHeader: [             //表头，与sheetFilter 中各字段对应
          '序号',
          '服务名称',
          '服务分类',
          '服务对象',
          '服务方式',
          '服务简介',
          '服务发布时间',
        ],
      },
    ];
    var toExcel = new ExportJsonExcel(option);
    toExcel.saveExcel();
  };