CSV文件解析，成html表格table

最新推荐文章于 2023-06-02 11:19:53 发布

AsBefore麦小兜

最新推荐文章于 2023-06-02 11:19:53 发布

阅读量1.5k

点赞数

分类专栏：前端相关文章标签： vue csv

本文链接：https://blog.csdn.net/qq_33878858/article/details/107950960

版权

本文介绍了如何将CSV文件内容解析并转化为HTML表格，包括横向和纵向排列的方式，适用于单行数据的展示。

摘要由CSDN通过智能技术生成

       <el-table :data="file_detail.tabledata">
            <el-table-column
              v-for="(i,index) in file_detail.labeldata"
              :prop="'_'+index"
              :key="i"
              :label="i"
            ></el-table-column>
          </el-table>

表格的html

js解析

读取到csv的url内容后

这是横向表格，当前csv文件内，只有一行数据,csv 文件

横向数据排列成表格

     readFileDetail({ file_url: detail.output.file_url }).then((resp) => {
        let file = resp.file_detail.split("\n");
            let labeldata = file[0].split(",");
            let tdata = file[1].split(",");
            let t = {};
            for (let [i, v] of tdata.entr