@quasiris/qsc-edit-table

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>