如何通过 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 解决一行显示两行显示问题？的详细内容，更多请关注其它相关文章！