43 lines
635 B
Vue
43 lines
635 B
Vue
<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>
|