<script>
import {AgGridVue} from "ag-grid-vue";
import "ag-grid-community/styles/ag-grid.min.css"
import "ag-grid-community/styles/ag-theme-balham.min.css"

export default {
  name: "tableEditor",
  props: {
    tableData: {default: () => []},
    configs: {default: () => []}
  },
  components: {AgGridVue},
  computed: {
    columns: v => v.configs
  },
}
</script>

<template>
  <section class="tableEditor">
    <ag-grid-vue class="ag-theme-balham" :columnDefs="columns" :rowData="tableData"/>
  </section>
</template>
