<template>
  <el-table :data="convertedData">
    <el-table-column v-for="(col,idx) in localData.columns" :key="idx" :prop="col" :label="col"></el-table-column>
  </el-table>
</template>

<script>
export default {
  name: 'mx-table-dynamic',
  props: {
    localData: {
      type: Object,
      default: () => ({
        columns: [],
        rows: []
      })
    }
  },
  computed: {
    convertedData() {
      return this.reverseDynamicTableToObjects(this.localData)
    }
  }
}
</script>

<style scoped>

</style>
