vxe-table-plugin-export-xlsx-xhx 1.0.9 → 1.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +46 -49
- package/package.json +1 -1
package/README.md
CHANGED
@@ -1,76 +1,73 @@
|
|
1
|
-
# vxe-table-plugin-export-xlsx
|
2
1
|
|
3
|
-
|
4
|
-
[](https://www.npmjs.org/package/vxe-table-plugin-export-xlsx)
|
5
|
-
[](http://npm-stat.com/charts.html?package=vxe-table-plugin-export-xlsx)
|
6
|
-
[](https://unpkg.com/vxe-table-plugin-export-xlsx/dist/index.min.js)
|
7
|
-
[](https://github.com/xuliangzhan/vxe-table-plugin-export-xlsx/blob/master/LICENSE)
|
2
|
+
# vxe-table-plugin-export-xlsx-xhx
|
8
3
|
|
9
4
|
基于 [vxe-table](https://github.com/xuliangzhan/vxe-table) 表格的增强插件,支持导出 xlsx 格式
|
10
5
|
|
11
|
-
##
|
6
|
+
## introductions
|
7
|
+
|
8
|
+
基于 vxe-table-plugin-export-xlsx 1.3.4版本进行工程适应性修改
|
9
|
+
注意: 隶属于旧项目使用, 新工程请参照 vxe-table-plugin-export-xlsx
|
10
|
+
|
11
|
+
## history
|
12
|
+
|
13
|
+
版本 1.0.9 对IE11进行适配
|
14
|
+
版本 1.0.2 不进行多余导出
|
12
15
|
|
16
|
+
## Installing
|
13
17
|
```shell
|
14
|
-
npm install xe-utils vxe-table vxe-table-plugin-export-xlsx xlsx
|
18
|
+
npm install xe-utils vxe-table vxe-table-plugin-export-xlsx-xhx xlsx
|
15
19
|
```
|
16
|
-
|
17
20
|
```javascript
|
18
21
|
import Vue from 'vue'
|
19
22
|
import VXETable from 'vxe-table'
|
20
|
-
import VXETablePluginExportXLSX from 'vxe-table-plugin-export-xlsx'
|
23
|
+
import VXETablePluginExportXLSX from 'vxe-table-plugin-export-xlsx-xhx'
|
21
24
|
import 'vxe-table/lib/index.css'
|
22
|
-
|
23
25
|
Vue.use(VXETable)
|
24
26
|
VXETable.use(VXETablePluginExportXLSX)
|
25
27
|
```
|
26
|
-
|
27
28
|
## Demo
|
28
|
-
|
29
29
|
```html
|
30
30
|
<vxe-toolbar>
|
31
|
-
|
32
|
-
|
33
|
-
|
31
|
+
<template v-slot:buttons>
|
32
|
+
<vxe-button @click="exportEvent">导出.xlsx</vxe-button>
|
33
|
+
</template>
|
34
34
|
</vxe-toolbar>
|
35
|
-
|
36
35
|
<vxe-table
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
36
|
+
border
|
37
|
+
ref="xTable"
|
38
|
+
height="600"
|
39
|
+
:data="tableData">
|
40
|
+
<vxe-table-column type="index" width="60"></vxe-table-column>
|
41
|
+
<vxe-table-column field="name" title="Name"></vxe-table-column>
|
42
|
+
<vxe-table-column field="age" title="Age"></vxe-table-column>
|
43
|
+
<vxe-table-column field="date" title="Date"></vxe-table-column>
|
45
44
|
</vxe-table>
|
46
45
|
```
|
47
|
-
|
48
46
|
```javascript
|
49
47
|
export default {
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
48
|
+
data () {
|
49
|
+
return {
|
50
|
+
tableData: [
|
51
|
+
{
|
52
|
+
id: 100,
|
53
|
+
name: 'test',
|
54
|
+
age: 26,
|
55
|
+
date: null
|
56
|
+
}
|
57
|
+
]
|
58
|
+
}
|
59
|
+
},
|
60
|
+
methods: {
|
61
|
+
exportEvent() {
|
62
|
+
this.$refs.xTable.exportData({
|
63
|
+
filename: 'export',
|
64
|
+
sheetName: 'Sheet1',
|
65
|
+
type: 'xlsx'
|
66
|
+
})
|
67
|
+
}
|
68
|
+
}
|
71
69
|
}
|
72
70
|
```
|
73
|
-
|
74
71
|
## License
|
75
|
-
|
76
72
|
MIT License, 2019-present, Xu Liangzhan
|
73
|
+
|