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": "tab-tables",
  "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 is on its own tab.arrayNo