The requested page is not available for the requested platform. You are viewing the content for Default platform.

BootstrapGridViewAdaptivitySettings Class

Contains settings that relate to the grid's adaptivity.

Namespace: DevExpress.Web.Bootstrap

Assembly: DevExpress.Web.Bootstrap.v19.2.dll

Declaration

public class BootstrapGridViewAdaptivitySettings :
    ASPxGridViewAdaptivitySettings
Public Class BootstrapGridViewAdaptivitySettings
    Inherits ASPxGridViewAdaptivitySettings

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.

See Also