<script>
import Vue from 'vue'

console.log(window.AVUE)
export default {
  name: "tableEditor",
  model: {
    event: "input",
    prop: "tableData"
  },
  props: {
    tableData: {default: () => []},
    configs: {default: () => []}
  },
  computed: {
    columns: v => v.configs
  },
  created() {
    Vue.use(window.AVUE, {
      size: 'small',
      tableSize: 'small',
      calcHeight: 48,
    })
  }
}
</script>

<template>
  <section class="tableEditor">
    <avue-crud/>
  </section>
</template>
<style scoped lang="scss">
.tableEditor {
  width: 100%;
  height: auto;

  .ag-theme-balham {
    height: 300px;
  }
}
</style>
