xlsx-viewer

介绍

Xlsx Viewer 是一款轻量、高效的xlsx文件阅读器，无需三方依赖、纯前端预览，使用方式简单

性能方面也作了精细的考量，工作表内容使用了懒渲染模式，即加载工作表才触发渲染，渲染完成后会将其元素保留，对于单个工作表数据量过于庞大时，提供了frameRenderSize参数设定每次渲染帧渲染行数，以此减少白屏等待时间。

网站

Gitee: xlsx-viewer

Xlsx Viewer

xlsx-viewer

Install

npm install xlsx-viewer

Import

import xlsxViewer from 'xlsx-viewer'
import 'xlsx-viewer/src/style.css'

Render

default

xlsxViewer.renderXlsx(data, document.querySelector('div'))

append options

xlsxViewer.renderXlsx(data, document.querySelector('div'), {
  initialSheetIndex: 0, // 初始化表索引
  frameRenderSize: 500, // 每次渲染帧渲染行数
  onLoad(sheets) { // 读取回调
    console.log('onLoad', sheets)
  },
  onRender(sheet) { // 渲染回调
    console.log('onRender', sheet)
  },
  onSwitch(sheet) { // 切换回调
    console.log('onSwitch', sheet)
  }
})

Package: vue2-to-composition-api

E-mail: diquick@qq.com

Author: wd3322