<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 setup>
const props = defineProps({
  coloumnHeader: {
    type: Object,
    default: {},
  },
});
</script>
