介绍
Xlsx Viewer 是一款轻量、高效的xlsx文件阅读器,无需三方依赖、纯前端预览,使用方式简单
性能方面也作了精细的考量,工作表内容使用了懒渲染模式,即加载工作表才触发渲染,渲染完成后会将其元素保留,对于单个工作表数据量过于庞大时,提供了frameRenderSize参数设定每次渲染帧渲染行数,以此减少白屏等待时间。
网站
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)
}
})
Prop | Prop Type | Type | Required |
---|---|---|---|
data | Attribute | ArrayBuffer, Blob, File | True |
element | Attribute | HTMLElement | True |
opitons | Attribute | Object | False |
其他插件
Element Form to Json,快速构建表单应用,支持表单分组
Element Table to Json,快速构建表格应用,支持表格编辑
Package: vue2-to-composition-api
E-mail: diquick@qq.com
Author: wd3322