var startval = [
  {title: "A", arr: [1,2,3]},
  {title: "B", arr: [4,5]},
  {title: "C"},
  {title: "D"},
];

// Initialize the editor with a JSON schema
var editor = new JSONEditor(document.getElementById('editor_holder'),{
  schema: {
    type: "array",
    //format: "table",
    //format: "tabs-top",
    format: "tabs",
    items: {
      type: "object",
      headerTemplate: "{{self.title}}",
      properties: {
        title: {
          type: "string",
        },
        arr: {
          type: "array",
          format: "table",
          items: {
            type: "integer"
          }
        }
      }
    }
  },
  startval: startval,

  theme: "spectre",
  iconlib: "spectre",
  remove_empty_properties: true,
  enable_array_copy: true,
  array_controls_top: true,
  //use_default_values: false,
  show_opt_in: true,
});

document.getElementById('submit').addEventListener('click',function() {
  console.log(editor.getValue());
});