SOURCE

console 命令行工具 X clear

                    
>
console
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
  <div id="app">
    <el-table
    :data="tableData"
    style="width: 100%"
>
    <el-table-column
      prop="date"
      label="日期"
      width="150">
    </el-table-column>
    <el-table-column label="配送信息">
      <el-table-column
        prop="name"
        label="姓名"
        width="120">
          <el-table-column
          prop="name"
          label="姓名"
          width="120">
            <el-table-column
          prop="province"
          label="小红"
          width="120">
        </el-table-column>
        </el-table-column>
      </el-table-column>
      <el-table-column label="地址">
        <el-table-column
          prop="province"
          label="省份"
          width="120">
        </el-table-column>
        <el-table-column
          prop="city"
          label="市区"
          width="120">
        </el-table-column>
        <el-table-column
          prop="address"
          label="地址"
          width="300">
        </el-table-column>
        <el-table-column
          prop="zip"
          label="邮编"
          width="120">
        </el-table-column>
      </el-table-column>
    </el-table-column>
  </el-table>
  </div>
</body>
  <!-- import Vue before Element -->
  <script src="https://unpkg.com/vue@2/dist/vue.js"></script>
  <!-- import JavaScript -->
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  <script>
    new Vue({
      el: '#app',
      data: function() {
        return { 
            visible: false
        }
      },
      methods:{
          headerStyle({ row, column, rowIndex, columnIndex }) {
              let flag = false;
              if (column.label && column.children && column.children.length) {
                  flag = column.children.every(
                    (item) => item.label === column.label
                );
              }
           
            // if (
            //     flag
            // ) {
            //     this.$nextTick(() => {
            //         if (document.getElementsByClassName(column.id).length !== 0) {
            //             document
            //             .getElementsByClassName(column.id)[0]
            //             .setAttribute("rowSpan", 2);  // 默认合并两行,因为我这都是最多只需要合并两行
            //         }
            //      });
               
            // }

            if (rowIndex == 0) {
                row[1].rowSpan = 2;
            }
            if (rowIndex == 1 && columnIndex == 0) {
                // if (columnIndex == 0 || columnIndex == 1) {
                    return {
                        display: "none",
                    };
                // }
            }
        },
      }
    })
  </script>
</html>