Live Chat

We'll need to share your messages (and your email address if you're logged in) with our live chat provider, Drift. Here's their privacy policy.

If you don't want to do this, you can email us instead at

Grid-based layouts using Data Grids

Are you new here?

Anvil is a tool for building full-stack web apps with nothing but Python and a drag-and-drop designer. Learn more on our website, or sign up and try it yourself -- it's free!

The best component to use for grid-based pages is the Data Grid. It is a table with columns and rows. Any component can be dropped into a cell.

The width of the columns can be configured with pixel-precision, or they can stretch to fit their contents. Rows stretch in height to fit their contents.

Here’s an example of laying components out in a grid: Grid Layout Example.

Click here to clone the example app in the Anvil designer.

Data Grid Layouts