<template>
  <el-table-column :label="coloumnHeader.label" header-align="center">
    <template v-for="(item,index) in coloumnHeader.children" :key="'header' + index">
      <MyTableColumn
        v-if="item.children && item.children.length"
        :coloumnHeader="item"
      ></MyTableColumn>
      <el-table-column
        v-else
        :label="item.label"
        :prop="item.prop"
        header-align="center"
        :align="item.align"
        :width="item.width"
      ></el-table-column>
    </template>
  </el-table-column>
</template>

<script>
export default {
  name: "MyTableColumn",
  props: {
    coloumnHeader: {
      type: Object,
      default: {}
    }
  }
}
</script>