在項目中遇到將表格導出為excel,表格為下面這個樣式，第一列為復選框，

最開始直接用xlsx,導出結果為下圖

?達不到要求，因該把第一列空白刪除，在網上看了很多博客，最后做一下總結，

關鍵就是里面有個? hidden 屬性設置為true? 就可以刪除 那一列的數據

?常規的----安裝xlsx---引入xlsx就省略了-------，直接上代碼

<template><button @click="deriveExcel">導出excel</button><el-table :data="tableData" style="width: 100%" id="table"><el-table-column type="selection" width="55" /><el-table-column prop="date" label="Date" width="180" /><el-table-column prop="name" label="Name" width="180" /><el-table-column prop="address" label="Address" /></el-table> </template><script setup> import * as XLSX from 'xlsx'const tableData = [{date: '2016-05-03',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-02',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-04',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-01',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',}, ]function deriveExcel() {let workbook = XLSX.utils.table_to_book(document.getElementById('table')); //需要在table上定義一個id// 可以打印出來看看workbook--中有那些屬性console.log('workbook: ', workbook);// 添加這一句代碼-----重點-----0就是第一列。。workbook.Sheets.Sheet1['!cols'][0]={hidden:true}try {XLSX.writeFile(workbook, 'BOX信息.xlsx');console.log('成功');} catch (e) {// ElMessage.error('導出失敗,失敗信息:!')console.log('失敗');}}</script>

此時? 打印的workbook? 為

?此時導出的excel---

?

如果要刪除其他列，把需要0改成相應的列序號就好了。。。。

總結

以上是生活随笔為你收集整理的vue3使用xlsx 导出excel ,删除指定列的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。