el-table表格怎样导出成Excel
时间: 2023-10-17 12:11:34 浏览: 116
【vue+el-table】表格操作列宽度跟随按钮个数自适应, 方法封装全局使用demo, 开箱即用
?你可以使用 js-xlsx 库来实现将 el-table 表格导出成 Excel 的功能。具体操作可以参考以下代码:
```javascript
// 引入 js-xlsx 库
import XLSX from 'xlsx';
// 获取表格数据
const tableData = this.$refs.table.data;
// 将表格数据转化为二维数组
const worksheet = XLSX.utils.json_to_sheet(tableData);
// 创建新的工作簿
const workbook = XLSX.utils.book_new();
// 将工作表添加到工作簿
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
// 导出工作簿为 Excel 文件
XLSX.writeFile(workbook, '表格数据.xlsx');
```
以上代码中,我们使用 js-xlsx 库的 json_to_sheet 方法将表格数据转化为工作表,然后将工作表添加到新创建的工作簿中,最后将工作簿导出为 Excel 文件。
阅读全文