How to create a responsive layout on Tableau dashboards

Question

I made four tableau spreadsheets, which we'll call W1, W2, W3, and W4. Each worksheet features a table-style data display.
I'd want to display them in a dashboard. So I created four vertical layouts and inserted the papers into them.
W1's size fluctuates depending on the data. So, if the data is substantial, it's possible that a new row will be added to the W1. The dashboard with layout1 (i.e. W1) selected may be seen here - Dashboard1.

So, if the height of layout1 grows (e.g., new rows in W1), I don't want a scroll bar to appear. I'd want the additional layouts below layout1 to resize themselves to fit the size of layout1.

What can I do to make it happen?

Answer 1

You can position components in a vertical container to create a column with multiple components stacked in rows, all having the same widths but with individual row heights controlled by the vertical layout container. Use vertical containers for instance to make sidebars in the margin or a vertical stack of components. Horizontal containers work analogously.

You can either fix the height of each component in a vertical container to constrain the container's choices, or you can leave the height choice to the container - which will consider to the volume of data, height of other containers, and the "fit" settings for each component. Horizontal containers work analogously.

You can nest vertical and horizontal containers to create an arbitrary nesting of rows and columns of components.