vue3+ts+xlsx、xlsx-populate页面上显示表格并导出excel

需求

页面上需要显示一个数据的excel表格，样式为固定左侧两列和表头（如下图所示），导出的时候结构也要和页面上是一致的。

实现过程

如上图所示内容，因为element-plus要处理样式信息还有数据信息不太方便所以选择用了原生table。根据数据结构去生成表格结构。首先就是从后端拿到数据结构，根据数据结构去构建页面布局。其次就是如何根据页面去导出excel和pdf格式。

1.固定表头部分拿到的结构如下：

2.表格数据大概如下图所示：

3.数据拿到了以后要处理一下，把拿到的表头数据添加到tableData中，便于td遍历。页面代码如下图所示：
html:

<template>
    <div