> For the complete documentation index, see [llms.txt](https://saba-framework.gitbook.io/saba-framework-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://saba-framework.gitbook.io/saba-framework-documentation/examples/table/expandable-row/multiple-relation-with-tab.md).

# Multiple Relation With Tab

Multiple Relation / Input pada Expandable Row.

Anda bisa menyisipkan beberapa input dengan type relationsCrud pada expandable row, dengan contoh setup seperti ini :

<figure><img src="https://4009479446-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FELbr94H26l2v1l9CCypT%2Fuploads%2FdIgomnz7hhABKqnn6Asf%2Fimage.png?alt=media&amp;token=7a34d1d7-2210-4013-9e13-0563f62e60f9" alt=""><figcaption></figcaption></figure>

Maka Hasilnya akan seperti ini:

<figure><img src="https://4009479446-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FELbr94H26l2v1l9CCypT%2Fuploads%2FhlHHrlxLx1RhtkVhFGxW%2Fimage.png?alt=media&amp;token=f39c1253-a3de-4f74-949c-994042d536e7" alt=""><figcaption></figcaption></figure>

Namun untuk menyederhanakan tampilan pada UI, anda juga dapat menambahkan fitur tabs untuk setiap relationsCrud dengan 1 properti saja pada crudOpt. seperti ini:

<figure><img src="https://4009479446-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FELbr94H26l2v1l9CCypT%2Fuploads%2FXSHb38BWDU8p4vW4xTOo%2Fimage.png?alt=media&amp;token=1deaea82-8be7-4941-8579-4ebd53e7dd6f" alt=""><figcaption></figcaption></figure>

maka hasilnya akan seperti ini:

<figure><img src="https://4009479446-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FELbr94H26l2v1l9CCypT%2Fuploads%2FNt3uWTzpkd2zbQNsOTiW%2Fimage.png?alt=media&amp;token=0ff9ab88-36ee-4fc6-a743-d58698cd4e81" alt=""><figcaption></figcaption></figure>

"expandableRowsItemsAsTab": true <= Memisahkan setiap items pada expandable ke tab

"tabVertical": false <= Mengatur orientasi tab menjadi vertical/horizontal. bisa diisi dengan true/false

&#x20;"tabMenuAlign": "center" <= letak menu tab. bisa diisi dengan pilihan **fill/justified/center/left/right**