项目初始化

datax-ui/src/views/visual/datachart/components/widgets/charttable/MyChartColumn.vue

-<template>
-  <el-table-column :prop="col.prop" :label="col.label" align="center" show-overflow-tooltip>
-    <template v-if="col.children">
-      <my-chart-column v-for="(item, index) in col.children" :key="index" :col="item" />
-    </template>
-  </el-table-column>
-</template>
-
-<script>
-export default {
-  name: 'MyChartColumn',
-  props: {
-    col: {
-      type: Object,
-      required: true,
-      default: () => {
-        return {}
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-
-</style>

datax-ui/src/views/visual/datachart/components/widgets/charttable/MyChartTable.vue

-<template>
-  <div>
-    <el-table :data="data">
-      <my-chart-column v-for="(item, index) in col" :key="index" :col="item" />
-    </el-table>
-  </div>
-</template>
-
-<script>
-import MyChartColumn from './MyChartColumn'
-
-export default {
-  name: 'MyChartTable',
-  components: {
-    MyChartColumn
-  },
-  props: {
-    col: {
-      type: Array,
-      required: true,
-      default: () => {
-        return []
-      }
-    },
-    data: {
-      type: Array,
-      required: true,
-      default: () => {
-        return []
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-
-</style>