ASPxGridViewAdaptivitySettings Class
Contains settings that relate to the grid’s adaptivity.
Namespace: DevExpress.Web
Assembly: DevExpress.Web.v24.1.dll
NuGet Package: DevExpress.Web
Declaration
Related API Members
The following members return ASPxGridViewAdaptivitySettings objects:
| Library | Related API Members |
|---|---|
| ASP.NET Web Forms Controls | ASPxGridView.SettingsAdaptivity |
| ASP.NET MVC Extensions | GridViewSettings.SettingsAdaptivity |
Remarks
ASPxGridView can automatically resize or hide grid data when the browser window is resized, allowing you to build adaptive or responsive page layouts. Use the settings provided by the ASPxGridViewAdaptivitySettings class to enable adaptivity mode and customize the adaptive layout behavior settings.
Responsive Layout
When the ASPxGridViewAdaptivitySettings.AdaptivityMode property is set to HideDataCells, the grid provides a responsive layout, i.e., the grid automatically hides columns one by one when the browser window is resized and cell text becomes truncated. 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 try a grid with responsive layout in the Responsive Layout online demo.
Adaptive Layout
When the ASPxGridViewAdaptivitySettings.AdaptivityMode property is set to HideDataCellsWindowLimit, the grid provides an adaptive layout, i.e., the grid automatically changes its layout when the browser window’s inner width is less than or equal to the value specified by the ASPxGridViewAdaptivitySettings.HideDataCellsAtWindowInnerWidth property. In this case, the control content is reordered into one column containing adaptive detail rows. The column headers are displayed above the data.
You can try a grid with responsive layout in the Adaptive Layout online demo.
An object of the ASPxGridViewAdaptivitySettings type can be accessed by the ASPxGridView.SettingsAdaptivity property.