<template>
  <div class="workspace-merge-table">
    <el-table :data="tableData" header-row-class-name="custom-table-header" @expand-change="expandChange" >
      <el-table-column type="expand">
        <template slot-scope="props">
          <common-table :data="showData[props.row.index]" :params="params" :field="field" @option="handleOption" />
        </template>
      </el-table-column>
      <el-table-column v-for="column in columnList" :label="column.label" :prop="column.prop" show-overflow-tooltip></el-table-column>
    </el-table>
  </div>
</template>

<script>
import commonTable from './commonTable.vue';
export default {
  components: {
    commonTable
  },
  props: {
    params: Object,
    field: []
  },
  data() {
    return {
        columnList:[]
    };
  },
  watch: {},
  computed: {},
  created() {},
  mounted() {},
  methods: {
    expandChange(){

    },
  },
};
</script>
<style lang="scss" scoped>
</style>