# vxe-table-plugin-export-xlsx-xhx

基于 [vxe-table](https://github.com/xuliangzhan/vxe-table) 表格的增强插件，支持导出 xlsx 格式

## introductions

警告: 基于vxe-table-plugin-export-xlsx 1.3.4 版本进行老工程适应性修改,请勿使用!
注意: 隶属于旧项目使用, 新工程请参照 vxe-table-plugin-export-xlsx

## history

版本 1.0.17 增加导出时默认表格样式
版本 1.0.11 完善单元文本cellType的支持自定义 string 或 number
版本 1.0.9 修复IE11报错
版本 1.0.2 修复未定义数据项导出

## Installing
```shell
npm install xe-utils vxe-table vxe-table-plugin-export-xlsx-xhx xlsx
```
```javascript
import Vue from 'vue'
import VXETable from 'vxe-table'
import VXETablePluginExportXLSX from 'vxe-table-plugin-export-xlsx-xhx'
import 'vxe-table/lib/index.css'
Vue.use(VXETable)
VXETable.use(VXETablePluginExportXLSX)
```
## Demo
```html
<vxe-toolbar>
  <template v-slot:buttons>
    <vxe-button @click="exportEvent">导出.xlsx</vxe-button>
  </template>
</vxe-toolbar>
<vxe-table
  border
  ref="xTable"
  height="600"
  :data="tableData">
  <vxe-table-column type="index" width="60"></vxe-table-column>
  <vxe-table-column field="name" title="Name"></vxe-table-column>
  <vxe-table-column field="age" title="Age"></vxe-table-column>
  <vxe-table-column field="date" title="Date"></vxe-table-column>
</vxe-table>
```
```javascript
export default {
  data () {
    return {
      tableData: [
        {
          id: 100,
          name: 'test',
          age: 26,
          date: null
        }
      ]
    }
  },
  methods: {
    exportEvent() {
      this.$refs.xTable.exportData({
        filename: 'export',
        sheetName: 'Sheet1',
        type: 'xlsx'
      })
    }
  }
}
```
## License
MIT License, 2019-present, Xu Liangzhan