luckysheet和luckyexcel共同使用用于解析xlsx 文件

注意：luckyexcel 只支持.xlsx格式文件（不支持.xls）。

使用方法：

Luckysheet: 🚀Luckysheet ，一款纯前端类似excel的在线表格，功能强大、配置简单、完全开源。

安装: 可以cdn方式 可以将 将文件引入项目本地

cdn:

<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/plugins.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/css/luckysheet.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/assets/iconfont/iconfont.css' />
<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/js/plugin.js"></script>
<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/luckysheet.umd.js"></script>

直接复制到index.html中 

复制到本地

通过npm i luckysheet 安装依赖，将其中的文件复制到项目public下 

 然后在index.html中引入

 然后 安装LuckyExcel  依赖 

npm  i luckyexcel

 在项目中引入

dom中绑定唯一id  

 options的部分配置

               

  options: {
                container: 'luckysheet', //容器id名
                title: '测试Excel', // 表 头名
                lang: 'zh', // 中文
                showtoolbar: false, // 是否显示工具栏
                showinfobar: false, // 是否显示顶部信息栏
                showstatisticBar: false, // 是否显示底部计数栏
                sheetBottomConfig: false, // sheet页下方的添加行按钮和回到顶部按钮配置
                allowEdit: false, // 是否允许前台编辑
                enableAddRow: false, // 是否允许增加行
                enableAddCol: false, // 是否允许增加列
                sheetFormulaBar: false, // 是否显示公式栏
                enableAddBackTop: false, //返回头部按钮
                data: ''
            }





 LuckyExcel.transformExcelToLuckyByUrl(url, name, (exportJson, luckysheetfile) => {


                    if (exportJson.sheets == null || exportJson.sheets.length == 0) {
                        alert("Failed to read the content of the excel file, currently does not support xls files!");
                        return;
                    }

                    state.options.data = exportJson.sheets
                    window.luckysheet.destroy()
                    window.luckysheet.create(state.options)
                })