# xlsx-viewer

**Repository Path**: wd3322/xlsx-viewer

## Basic Information

- **Project Name**: xlsx-viewer
- **Description**: xlsx viewer
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-03-03
- **Last Updated**: 2023-12-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Xlsx Viewer

![table](https://wd3322.gitee.io/to-vue3/img/xlsx-viewer/table.png)

---

## Document

[http://wd3322.gitee.io/xlsx](http://wd3322.gitee.io/xlsx)

---

## Install

```
npm install xlsx-viewer
```

---

## Import

```javascript
import xlsxViewer from 'xlsx-viewer'
import 'xlsx-viewer/lib/index.css'
```

---

## Render

default

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

append options

```javascript
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    |

----

Package: el-form-model

E-mail: diquick@qq.com

Author: wd3322