DxGrid.EditorRenderMode Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[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:

• CellEditTemplate
• DataColumnCellEditTemplate
• FilterRowCellTemplate
• DataColumnFilterRowCellTemplate

The example below demonstrates how to change the render mode of editors in the filter row and edit cells:

<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