vxe-table 导出树形表格序号问题:1.1.1.1 变为 -1 的解决方法
你好,vxe-table 组件在导出树形表格时,默认的序号 type 为 "seq",表示使用 1.1.1.1 这样的序号格式。如果在导出的 xlxs 文件中,序号显示为 -1,可能是因为导出的数据格式或者配置有问题。以下是一个完整的示例代码,你可以参考一下:
<template>
<div>
<vxe-table
ref="xTable"
:data="tableData"
border
show-header
:tree-config="{ children: 'children', expandAll: true }"
>
<vxe-table-column type="seq" width="60" align="center"></vxe-table-column>
<vxe-table-column field="name" title="名称"></vxe-table-column>
<vxe-table-column field="age" title="年龄"></vxe-table-column>
<vxe-table-column field="address" title="地址"></vxe-table-column>
</vxe-table>
<button @click="exportTable">导出</button>
</div>
</template>
<script>
import { exportToExcel } from 'vxe-table-plugin-export';
export default {
data() {
return {
tableData: [
{
name: '张三',
age: 20,
address: '北京市',
children: [
{
name: '李四',
age: 18,
address: '上海市',
children: [
{
name: '王五',
age: 22,
address: '广州市',
},
{
name: '赵六',
age: 25,
address: '深圳市',
},
],
},
{
name: '钱七',
age: 30,
address: '成都市',
},
],
},
],
};
},
methods: {
exportTable() {
this.$refs.xTable.exportData({
type: 'excel',
filename: 'tree_table.xlsx',
// 导出的序号type为"seq"
// 这里可以设置序号的格式化方法
original: false, // 是否导出源数据,默认为 false,如果为 true,则不进行数据格式转换
download: true,
});
},
},
};
</script>
在上面的代码中,我们使用了 vxe-table 的 exportToExcel 方法来实现导出功能。在 exportTable 方法中,通过 this.$refs.xTable.exportData 来触发导出操作。注意设置 type 为 'excel',filename 为导出的文件名。original 参数设置为 false,表示进行数据格式转换。这样导出的 xlxs 文件中的序号应该是 1.1.1.1 的格式。
希望对你有帮助!
原文地址: https://www.cveoy.top/t/topic/py9J 著作权归作者所有。请勿转载和采集!