Micro Frontend: Extend table height to fit parent

[rmuller-vu]

What product are you having troubles with?

Microfrontend Composer

What Console version are you using?

v14.5.1

Description

BACK_KIT_VERSION: 1.4.9
micro-lc: middleware:3.4.0

We are using the bk-table on our composer page. On certain screen resolutions the table only fills up half the main div. This doesn't happen on all screen sizes

We have tried replacing maxLines with fitParentContainer: true and the table still only covers half the page.

Is there a way to make it dynamically fill the screen?

bk-table config

{
  "properties": {
    "fitParentContainer": true,
    "rowActions": {
      "kind": "icons",
      "actions": []
    },
    "highlightedRows": [
      {
        "color": "#E5FBCF",
        "query": {
          "approvedOn": {
            "$exists": true,
            "$ne": null
          }
        }
      },
      {
        "color": "#FFE4E1",
        "query": {
          "deniedOn": {
            "$exists": true,
            "$ne": null
          }
        }
      }
    ],
    "dataSchema": {
      "$ref": "#/definitions/dataSchema"
    }
  },
  "tag": "bk-table",
  "attributes": {
    "style": "flex-grow: 1;"
  }
}

Actual Outcome

No response

Expected Outcome

No response

[LiliumCandidum]

Hi,

When using fitParentContainer: true, you have to be sure that the parent container fills the entire page.
I see from your configuration that the bk-table has "style": "flex-grow: 1;", which is correct, but is its parent a flex div? And even if it is, you should check that it can fill the page. You have to play with page style.