Skip to main content
All docs
V24.1

CompatibilitySettings.UseDetachedEditorRenderModeInGrid Property

Specifies whether all DxGrid components render editors in Detached or Integrated mode.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public static bool UseDetachedEditorRenderModeInGrid { get; set; }

Property Value

Type Description
Boolean

true to display editors with borders and paddings between the editor and cell borders; false to integrate editors into a cell.

Remarks

In v23.2, Blazor Grid renders editors in filter row and edit row cells so that they occupy the entire grid cell (the EditorRenderMode is Integrated).

Integrated Render Mode

In previous versions, the Grid component renders the editors as standalone editors with their borders and paddings (the EditorRenderMode is Detached).

Detached Render Mode

Use the UseDetachedEditorRenderModeInGrid property to restore this behavior for all grids in the application. Specify this property in the Program.cs file before you register DevExpress resources:

// ...
DevExpress.Blazor.CompatibilitySettings.UseDetachedEditorRenderModeInGrid = true;
builder.Services.AddDevExpressBlazor();
// ...
app.Run();

For an individual component, you can set the EditorRenderMode property to Detached:

<DxGrid EditorRenderMode="GridEditorRenderMode.Detached">
    @* ... *@
</DxGrid>
See Also