DxGrid.SizeMode Property
Specifies the size of grid elements (for instance, text size and row height) and other built-in grid components (for instance, pager and buttons).
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v23.2.dll
NuGet Package: DevExpress.Blazor
Declaration
[DefaultValue(null)]
[Parameter]
public SizeMode? SizeMode { get; set; }
Property Value
Type | Default | Description |
---|---|---|
Nullable<SizeMode> | null | The size mode. If the property is not specified (the value is |
Available values:
Name | Description |
---|---|
Small | Small size. |
Medium | Medium size. |
Large | Large size. |
Remarks
Use the SizeMode
property to specify the size mode for components in the grid.
The code below applies the Large
size mode to grid component and its inner components.
<DxGrid @ref="Grid"
Data="@Data"
ShowGroupPanel="true"
PageSize="6"
SizeMode="SizeMode.Large">
<Columns>
<DxGridDataColumn FieldName="ContactName"/>
<DxGridDataColumn FieldName="CompanyName"/>
<DxGridDataColumn FieldName="City"/>
<DxGridDataColumn FieldName="Country" GroupIndex="0"/>
</Columns>
</DxGrid>
For more information, refer to Size Modes.
Implements
See Also