el-table拆分单元格

el-table的官方文档给出了合并单元格的方法,本以为拆分和合并是一样的,但是tableData遍历出一条数据在表格中就添加一行,而现在是要根据这一条数据里面的数据把这一行拆分称两行或多行,这样貌似是行不通的。然后我看别的写的相关文章,就是给要拆分的单元格里面写一个表格,然后添加CSS样式,让表格看起来是被拆分的效果。


	


data(){
	tableColumn: [
        {
          label: "名称",
          prop: "name",
          align: "center",
        },
        {
          label: "命名空间",
          prop: "space",
          align: "center",
        },
        {
          label: "实例数",
          prop: "replicas",
          align: "center",
          slot: "count",
        },
        {
          label: "集群tag",
          prop: "annotations",
          slot: "tag",
          align: "center"
        },
        {
          label: "集群资源",
          prop: "clusterRs",
          slot: "rs",
          align: "center"
        },
    ],
    tableData: [],
}

methods:{
	async getList() {
      this.loading = true;
      const res = await getClusterList();
      this.tableData = res.list;
  }
}


el-table拆分单元格_第1张图片

你可能感兴趣的:(经验,elementui)