Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

CompatibilitySettings.UseDetachedEditorRenderModeInGrid Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
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:

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