DxGrid.EditorRenderMode Property

Specifies how the Grid renders editors in the filter row and in data rows during edit operations.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[DefaultValue(GridEditorRenderMode.Integrated)]
[Parameter]
public GridEditorRenderMode EditorRenderMode { get; set; }

Property Value

Type	Default	Description
GridEditorRenderMode	Integrated

An enumeration value.

Available values:

Name	Description	Image
Detached

The Grid renders standalone editors with borders and paddings between an editor and cell borders.

| | Integrated |

The Grid renders editors so that they occupy the entire cell. Editor borders are not displayed.

Remarks

The Grid component renders editors in filter row and edit cells so that editors occupy the entire grid cell.

Set the Grid’s EditorRenderMode property to Detached to render automatically generated editors as standalone editors with their borders and paddings. This property also affects DevExpress Blazor editors placed directly in the following templates:

The following code snippet changes the render mode of editors in the filter row and edit cells:

razor

<DxGrid Data="@forecasts" 
        ShowFilterRow="true" 
        EditorRenderMode="GridEditorRenderMode.Detached">
  <Columns>
    <DxGridDataColumn FieldName="Date" />
    <DxGridDataColumn FieldName="Temperature" />
    <DxGridDataColumn FieldName="Summary" />
  </Columns>
</DxGrid>

Run Demo: Edit Row Run Demo: Filter Row

Implements

EditorRenderMode