注意事项:


导出的数据量 > 1000时加载开始缓慢..


按正规程序应该是 前端传条件, 后端生成excel 传给前端, (这里先不展示具体的前后端代码了..)


 


效果:




 


 


XlsxOc  excel导出

前端excel导出


如何使用

npm i xlsx-oc --save


代码演示

导 出


 


参数        说明        类型        默认值

         title        列头显示文字        string         

         mm                 string         

基本用法


最简单的用法。


        import { exportExcel } from 'xlsx-oc'

 

        const dataSource = [{

            key: '1',

            cs: 'title',

            sm: '列头显示文字',

            lx: 'string',

            mrz: '',

        }, {

            key: '2',

            cs: 'mm',

            sm: '啦啦啦啦',

            lx: 'string',

            mrz: '',

        }];

 

        const exportDefaultExcel = () => {

            var _headers = [{ k: 'cs', v: '列名' }, { k: 'sm', v: '描述' },

            { k: 'lx', v: '类型' }, { k: 'mrz', v: '默认值' },]

            exportExcel(_headers, dataSource);

        }

 

        // render

        <Button onClick={() => exportDefaultExcel()}>导出</Button>

 

---------------------

作者:521huaihuai

来源:CSDN

原文:https://blog.csdn.net/qq_28104931/article/details/81263333

版权声明:本文为博主原创文章,转载请附上博文链接!








用的时候可以加第三个参数,是自定义表名字





Created with the Personal Edition of HelpNDoc: Produce Kindle eBooks easily