登录
首页 >  文章 >  前端

element 表格如何在一行内容显示两行的数据?

来源:php

时间:2024-10-25 08:33:58 122浏览 收藏

从现在开始,努力学习吧!本文《element 表格如何在一行内容显示两行的数据?》主要讲解了等等相关知识点,我会在golang学习网中持续更新相关的系列文章,欢迎大家关注并积极留言建议。下面就先一起来看一下本篇正文内容吧,希望能帮到你!

element 表格如何在一行内容显示两行的数据?

element 表格中一行显示两行的数据

当前存在的问题是,表格中需要在一个通道名下同时展示当天的数据和昨天的数据。

从后端提供的 json 数据中可以看出,每个通道都包含了 "today" 和 "yesterday" 的数据,因此可以利用模板槽来实现两行数据在同一行的显示。

修改后的前端代码如下:

<el-table-column
  prop="todayNewly"
  label="当日新增"
  header-align="center">
  <template slot-scope="scope">
    <el-row prop='today'>{{ scope.row.todayNewly.today }}</el-row>
    <el-row prop='yesterday'>{{ scope.row.todayNewly.yesterday }}</el-row>
  </template>
</el-table-column>

将模板插槽添加到 todaynewly 列定义中,并使用 scope 访问当前行的 today 和 yesterday 数据。这将针对每个通道名称生成两行,显示其当日新增数据和昨日新增数据。

今天关于《element 表格如何在一行内容显示两行的数据?》的内容介绍就到此结束,如果有什么疑问或者建议,可以在golang学习网公众号下多多回复交流;文中若有不正之处,也希望回复留言以告知!

声明:本文转载于:php 如有侵犯,请联系study_golang@163.com删除
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>