Skip to main content
BuyLog In
Blazor
Search in…
Docs > Components > Layout > Grid Layout
All docs
V24.1
Blazor Components
Prerequisites
Supported Browsers
Get Started
Upgrade to a New Version
Demos
Examples
Videos
Common Concepts
Components
Grid
Bar Gauge
Charts
Dashboard
Data Editors
Dialogs and Windows
File Management
HTML Editor
Layout
Drawer
Form Layout
Grid Layout
Layout Breakpoint
Stack Layout
Tabs
Map
Navigation
PDF Viewer (CTP)
Reports
Pivot Grid
Rich Text Editor
Scheduler
Sparkline
TreeList (CTP)
Utility Controls
Backend Web API Service
Office File API
DevExtreme Components
Styling and Themes
Security Considerations
Troubleshooting
Blazor & WinForms App UI Framework (Powered by EF Core)
Maintenance Mode
API Reference
Download CHM

Blazor Grid Layout

The DevExpress Grid Layout component for Blazor (DxGridLayout) allows you to organize UI elements on a page into rows and columns.

Run Demo Read Tutorial: Explore Features Watch Video

Grid Layout

Features

Named Areas

Assign area names to layout items and then specify how these areas are placed in grid rows.

Adaptivity

Use the DxLayoutBreakpoint component to adapt a grid layout to different screen sizes.

.NET 8 and .NET 9 Static Render Mode Support

You can use the Grid Layout component in static render mode.