Expand component to fill screen/container

When developing a single-component page - such as a chart or table page - it is crucial to ensure that the component fully occupies the available width and height of the page, regardless of the user's screen size while keeping some content static like filters:

To achieve this you can utilize the Expand content to fit feature:

  1. Enabled Expand content to fit settings in page settings and drop a card on the screen

  1. Enable the Expand content to fit setting in card settings. Then, drop a table on the card - it should occupy all available space.

  1. Finally, you can add filters to the card header and get a page that looks excellent on every screen size

Last updated