Vue.js + Element UI: Split row on two rows

Hmm it seems its not possible using markup but it seems its possible using code. you need to bind span-method attribute for it.

<el-table
      :data="tableData6"
      :span-method="spanLogicMethod"
      border
      style="width: 100%; margin-top: 20px">

and add method to your parent instance you can add this spanMethod method. inside you will get current column , row and its index so based on that you can return span values.

for more information you can check Rowspan and colspan in docu http://element.eleme.io/#/en-US/component/table

<script>
  export default {
    data() {
      return {
        // some data
      }  
    },
    methods: {
      spanLogicMethod({ row, column, rowIndex, columnIndex }) {
        if (columnIndex === 0) {
          if (rowIndex % 2 === 0) {
            return {
              rowspan: 2,
              colspan: 1
            };
          } else {
            return {
              rowspan: 0,
              colspan: 0
            };
          }
        }
      }
    }
  };
</script>