ReactExcelPreview

Install

npm i react-excel-preview

react-excel-preview

支持excel预览的react组件库。

安装

1npm install react-excel-preview

使用示例

• 网络地址，比如 https://***.excel

excel文件预览

通过网络地址预览示例如下

1import * as React from 'react';
2import * as ReactDOM from 'react-dom';
3import ReactExcelPreview from 'react-excel-preview';
4import 'react-excel-preview/dist/index.css'
5const App = () => {
6  return (
7    <div style={{
8      width: '100vw',
9      height: '100vh',
10    }}>
11      <ReactExcelPreview 
12        options={{
13          maxColLength: 3
14        }}
15        rowHeight={48}
16        showGrid={false}
17        showContextmenu={false}
18        value={"http://static.shanhuxueyuan.com/demo/excel.xlsx"}></ReactExcelPreview>
19    </div>
20  );
21};
22
23ReactDOM.render(<App />, document.getElementById('root'));

参考

@vue-office/excel

https://www.npmjs.com/package/@vue-office/excel?activeTab=readme