How can I open a tab in another row/col programmatically?

[nsjoo]

I am using vue + electron.js. I want to add a new tab in gl-stack with javascript code.

I understand that tabs are added when increasing the items in the array in the dynamic stack, but the tabs appear to be opened only in the same group.

<gl-stack>
    <gl-component
      v-for="(stackPane, idx) in stackPanes"
      v-if="paneData.length > 0"
      :key="stackPane"
      :title="'dynamic'+stackPane"
      @destroy="removeStackPane(stackPane, idx)"
      @resize="onPaneResized(idx)"
    >
      <h1>Hi</h1>
      <button @click="addPane">add</button>
    </gl-component>
</gl-stack>

Result (addPane):

I want to create a tab with addPane (No mouse drag & drop) in the following layout:

Is it possible to open a tab as above programmatically? Thank you.