我想在Elementui里的el-table里实现两行数据

具体描述如下:

img


是文字+日期为一行;

img


不是张三李四为一行,日期为一行;
我分析了网页呈现出来的代码,是用的span分开,再写了两个p标签,但是因为使用el-table,我不太明白怎么操作成这个样子。
麻烦各位帮忙解答一下,谢谢。


以下为凑字数的禁止重复输入同样的词汇或符号

利用插槽去改自己想要的样式

<template>
  <div>
    <el-table :data="formList" style="width: 80%">
      <el-table-column label="信息">
        <template v-slot="{ row }">
          <div>
            <span>{{row.name}}</span>
            <p>{{row.date}}</p>
          </div>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  name: "",
  data() {
    return {
      formList: [
        {
          name: "zs",
          date: "2021-11-22",
        },
        {
          name: "ls",
          date: "2021-11-28",
        },
      ],
    };
  },
  computed: {},
  methods: {},
};
</script>
<style lang="less" scoped></style>