dindongji.net dindongji.net

欢迎光临
我们一直在努力
顶部
域名
云服务器48/月

如何通过 Element 表格的 template 解决一行显示两行显示问题?-css教程-

如何通过 element 表格的 template 解决一行显示两行显示问题?

如何解决 element 表格中一行显示两行的问题?

问题描述:

需求是需要在一个表格中展示每行的 昨日 今日 两天的数据,但前端目前的写法只实现了样式的展示,后端提供的 json 数据中包含了这些数据。

解决方案:

根据 elementui 的文档,可以使用 template 来在 el-table-column 中显示多个行的内容。具体实现如下:

<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>
登录后复制

在这个模板中,通过 scope.row 访问当前行的对象,然后就可以获取 todaynewly 对象的 today 和 yesterday 属性。这样,就可以在一行中显示两天的数据了。

以上就是如何通过 Element 表格的 template 解决一行显示两行显示问题?的详细内容,更多请关注php中文网其它相关文章!

【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。
发布内容
-六神源码网 网站出售带数据-六神源码网 网站出售带数据-六神源码网 网站出售带数据-六神源码网