Component description

The tab-tables component allows switching the display of different API tables in the same part of the screen.

Example

Minimal JSON

{
  "type": "tabs",
  "values": [
    {
      "title": "",
      "values": []
    }
  ]
}
{ "key": "panel_tab_tables_ownership", "template": { "type": "panel", "title": "panel_tab_tables_ownership", "values": [ { "type": "tab-tables", "values": [ { "type": "api-table", "title": "table_ownership_solution_architect", "tableId": "table_ownership_solution_architect", "api": "api/mr-object/customizable-overview-filter", "filter": { "currentUserRelationTypeKeys": { "value": [ "core_data_model_solution_architect" ] }, "spaceId": { "value": "@spaceId" }, "applicationId": { "value": "@appId" } }, "columns": [ { "type": "definedKey", "value": "objectName" }, { "type": "definedKey", "value": "path" }, { "type": "userRelationTypeKey", "value": "steward" }, { "type": "userRelationTypeKey", "value": "solution_architect" }, { "type": "userRelationTypeKey", "value": "analyst" } ] }, { "type": "api-table", "title": "table_ownership_steward", "tableId": "table_ownership_steward", "api": "api/mr-object/customizable-overview-filter", "filter": { "currentUserRelationTypeKeys": { "value": [ "core_data_model_steward" ] }, "spaceId": { "value": "@spaceId" }, "applicationId": { "value": "@appId" } }, "columns": [ { "type": "definedKey", "value": "objectName" }, { "type": "definedKey", "value": "path" }, { "type": "userRelationTypeKey", "value": "steward" }, { "type": "userRelationTypeKey", "value": "solution_architect" }, { "type": "userRelationTypeKey", "value": "analyst" } ] }, { "type": "api-table", "title": "table_ownership_analyst", "tableId": "table_ownership_analyst", "api": "api/mr-object/customizable-overview-filter", "filter": { "currentUserRelationTypeKeys": { "value": [ "core_data_model_analyst" ] }, "spaceId": { "value": "@spaceId" }, "applicationId": { "value": "@appId" } }, "columns": [ { "type": "definedKey", "value": "objectName" }, { "type": "definedKey", "value": "path" }, { "type": "userRelationTypeKey", "value": "steward" }, { "type": "userRelationTypeKey", "value": "solution_architect" }, { "type": "userRelationTypeKey", "value": "analyst" } ] } ] } ] } }
Example taken from the `core_data_model` package.

Nested properties

PropertyDescriptionValuesMandatory
typetab-tablesstringYes
componentIdUnique ID of a component. If left empty, a random string will be generated. Primarily used in patch packages to define the component's position within the layout (template).stringNo
valuesArray of API tables, each table will be on its own tab.arrayNo