@quasiris/qsc-edit-table
v0.9.18
Published
``` npm i @quasiris/qsc-edit-table ``` ## Project setup ``` npm install ```
Downloads
23
Readme
quasiris-edit-table-library
Install package
npm i @quasiris/qsc-edit-table
Project setup
npm install
Build library
npm run build-lib
Publish to npm
npm publish
Run demo
npm run serve
How to use
Add globall
import QscEditTable from '@quasiris/qsc-edit-table';
Vue.component('qsc-edit-table', QscEditTable);
...
<template>
<article>
<qsc-edit-table
:rows="rows"
:columns="columns"
:childs-columns="columns"
/>
</article>
</template>
<script>
export default {
data() {
return {
columns: [
{
name: 'name',
label: 'Field',
inputType: 'input',
class: '',
defaultValue: '',
},
{
name: 'queryAnalyzer',
accessor: {
get: 'code',
set: 'code'
},
label: 'Query Analyzer',
inputType: 'entity-select',
class: '',
defaultValue: ''
},
{
name: 'indexAnalyzer',
accessor: {
get: 'code',
set: 'code'
},
label: 'Index Analyzer',
inputType: 'entity-select',
class: '',
defaultValue: ''
},
],
rows: [
{
name: 'test',
type: 'string',
childs: [
{
name: 'test-childs'
},
],
indexAnalyzer: {
name: 'text_index-analyzer',
code: 'text_index-analyzer',
type: 'analyzer'
},
queryAnalyzer: {
name: 'keyword_analyzer',
code: 'keyword_analyzer',
type: 'analyzer'
}
}
]
}
}
}
</script>