Guides

Retool Dynamic Table Height: Auto-Resize Tables to Fit Data

OTC Team··4 min read
Retool Dynamic Table Height: Auto-Resize Tables to Fit Data

If you've ever built a Table component in Retool and struggled with a dataset that varies wildly in size — say anywhere from 10 to 300 rows — you already know the problem. A fixed-height table either wastes space or forces users through pagination they don't need. The good news: Retool dynamic table height is now a fully released feature available to all organizations, and enabling it takes less than a minute.

What Is Dynamic Table Height in Retool?

By default, Retool table components are fixed in size. You drag them to a height on the canvas and they stay there, regardless of how many rows your query returns. This means a table set to display 10 rows will show a scrollbar when 200 rows come back — and look awkwardly empty when only 3 rows return.

Dynamic table height allows the Table component to automatically grow or shrink vertically based on the number of rows in your dataset. If your query returns 12 rows, the table is 12 rows tall. If it returns 280, it expands to fit. No pagination, no dead space, no manual resizing.

Is Retool Dynamic Table Height Available for Your Org?

Yes — as of the latest cloud release, this feature is enabled for all Retool organizations by default. You no longer need to contact support or request access to a beta flag. If you were on the waitlist or submitted a support ticket, you're already covered.

If you are on a self-hosted Retool instance, availability depends on your version. The feature was initially released behind a feature flag on cloud, then rolled out broadly. If you're running an older self-hosted version (e.g., v2.121.3 or earlier), you may need to upgrade your instance to access it. Check your Retool admin panel for your current version and compare it against the Retool changelog.

How to Enable Auto-Resizing Tables in Retool

For cloud-hosted Retool users, here's exactly what to do:

  • Open your Retool app in the editor.
  • Click on the Table component you want to resize dynamically.
  • In the right-hand Inspector panel, look for the Height or Layout settings.
  • Toggle on Auto Height (sometimes labeled Dynamic Height depending on your Retool version).
  • Save and preview your app — the table will now grow and shrink based on the number of rows returned by your query.

If you don't see the auto-height toggle, make sure your app is using the latest component version. You can check by clicking the Table component and looking for an upgrade prompt at the top of the inspector panel.

What About Pagination — Do You Still Need It?

With dynamic height enabled, pagination becomes optional rather than a necessity. If your dataset is small and predictable (under ~50 rows), you can safely disable pagination and let the table expand to show everything at once. This is especially useful for internal tools where your users are power users who want to see all the data and use column filtering instead.

For larger datasets (hundreds or thousands of rows), you'll likely still want server-side pagination to keep query performance in check. Dynamic height works well alongside pagination — the table will auto-size to whatever page size you configure in your query.

Bonus: Full-Width Canvas CSS for Better Table Layouts

If you're going pagination-free with a tall dynamic table, you'll probably also want to maximize your canvas width. You can paste the following into your app's Custom CSS panel (found under Scripts & Styles) to remove Retool's default max-width constraints:

/* Presentation Mode */
.ViewerPageLayout__main > div { max-width: unset; }

/* Editor Mode */
.EditorPageLayout__header, .EditorPageLayout__main { max-width: unset; }

This forces your Retool app to stretch edge-to-edge in the browser, giving wide tables all the horizontal real estate they need. You can also uncomment a max-width: 1600px line if you want to cap the width at a specific breakpoint instead of going fully fluid.

Self-Hosted Retool: What to Do If the Feature Isn't Available

If you're running a self-hosted Retool instance and don't see the auto-height option, try the following:

  • Check your current version in the Retool admin panel under Settings → About.
  • Compare against the official Retool release notes to find the version where dynamic table height was introduced.
  • Coordinate with your DevOps team to upgrade your Docker or on-prem deployment to a newer release.
  • As a temporary workaround, you can manually set a large fixed height on your Table component and enable the built-in scroll — though this is not a true dynamic solution.

The Bottom Line

Retool dynamic table height is one of those quality-of-life features that makes internal tools feel polished instead of patched together. If you're on Retool cloud, it's already available — just toggle it on in your table's inspector. If you're self-hosted, prioritize upgrading your instance to get access. Pair it with the full-width canvas CSS trick and your tables will look exactly as wide and tall as your data demands, every time.

Ready to build?

We scope, design, and ship your Retool app — fast.

Ready to ship your first tool?