Change Theme Settings
Change Theme Settings
Show All Themes

Responsive Layout

The DevExpress ASP.NET Grid View (ASPxGridView) allows you to build adaptive or responsive page layouts with ease. The control can automatically resize or hide grid data when the browser window is resized. The layout behavior can be customized by using the SettingsAdaptivity property.

In this demo, the grid provides the responsive layout, which is enabled by setting the AdaptivityMode property to HideDataCells.

In responsive mode, the Grid View automatically hides columns one by one when the browser window is resized. When a grid has hidden columns, an ellipsis button is displayed for every row. Clicking this button expands an adaptive detail row, containing the hidden data.

You can take a look at a Grid View with an adaptive layout in the Adaptive Layout demo.