BootstrapGridViewAdaptivitySettings Class
Contains settings that relate to the grid’s adaptivity.
Namespace: DevExpress.Web.Bootstrap
Assembly: DevExpress.Web.Bootstrap.v24.1.dll
NuGet Package: DevExpress.Web.Bootstrap
Declaration
Related API Members
The following members return BootstrapGridViewAdaptivitySettings objects:
Remarks
BootstrapGridView control allows you to build adaptive or responsive page layouts with ease. Use the settings provided by the BootstrapGridViewAdaptivitySettings class to enable adaptivity mode and customize the adaptive layout behavior settings.
Responsive Layout
To enable the responsive layout, set the ASPxGridViewAdaptivitySettings.AdaptivityMode property to HideDataCells. In this mode, the grid automatically hides columns that do not fit the current screen resolution. Every grid row displays an ellipsis button if at least one column is hidden. Clicking this button expands an adaptive detail row displaying the hidden data.
You can try a grid with responsive layout in the Responsive Layout online demo.
Adaptive Layout
To enable the adaptivity mode, set the ASPxGridViewAdaptivitySettings.AdaptivityMode to HideDataCellsWindowLimit. In this mode, the Grid View to automatically switches to a compact presentation when the screen resolution becomes less than or equal to the specified value.
You can try a grid with adaptive layout in the Adaptive Layout online demo.
An object of the BootstrapGridViewAdaptivitySettings type can be accessed by the BootstrapGridView.SettingsAdaptivity property.