src/contrib/edittable/EditTable.form.js

import baseEditForm from '../../components/_classes/component/Component.form';
import EditTableEditDisplay from './editForm/EditTable.edit.display';

export default function(...extend) {
  return baseEditForm([
    {
      key: 'display',
      components: EditTableEditDisplay,
    },
    {
      key: 'data',
      components: [{
        key: 'defaultValue',
        ignore: true
      }, {
        label: '',
        mask: false,
        tableView: true,
        alwaysEnabled: false,
        type: 'hidden',
        input: true,
        key: 'disableAddingRemovingRows',
        calculateValue(context) {
          return context.instance.data.enableRowGroups;
        },
        encrypted: false
      }, {
        key: 'enableRowGroups',
        type: 'checkbox',
        label: 'Enable Row Groups',
        weight: 50,
      }, {
        label: 'Groups',
        disableAddingRemovingRows: false,
        defaultOpen: false,
        addAnother: '',
        addAnotherPosition: 'bottom',
        mask: false,
        tableView: true,
        alwaysEnabled: false,
        type: 'datagrid',
        input: true,
        key: 'rowGroups',
        reorder: true,
        components: [
          {
            label: 'Label',
            allowMultipleMasks: false,
            showWordCount: false,
            showCharCount: false,
            tableView: true,
            alwaysEnabled: false,
            type: 'textfield',
            input: true,
            key: 'label',
            widget: {
              type: ''
            },
            row: '0-0'
          },
          {
            label: 'Number of Rows',
            mask: false,
            tableView: true,
            alwaysEnabled: false,
            type: 'number',
            input: true,
            key: 'numberOfRows',
            row: '0-1'
          }
        ],
        weight: 51,
        conditional: { json: { var: 'data.enableRowGroups' } }
      }],
    }
  ], ...extend);
}