DxPivotTableField.Area Property

Specifies the area where the field is displayed.

Namespace: DevExpress.Blazor.PivotTable

Assembly: DevExpress.Blazor.PivotTable.v25.1.dll

NuGet Package: DevExpress.Blazor.PivotTable

Declaration

[Parameter]
public PivotTableArea Area { get; set; }

Property Value

Type	Description
PivotTableArea	A PivotTableArea enumeration value.

Available values:

Name	Description
Row	A row field.
Column	A column field.
Filter	A filter field.
Data	A data field.

Remarks

The Blazor Pivot Table consists of four areas where you or your user can place database fields.

Rows Area

Field headers allow users to re-arrange fields and sort or filter data. Unique values from corresponding fields are displayed as row headers.

Columns Area

Field headers allow users to re-arrange fields and sort or filter data. Unique values from corresponding fields are displayed as column headers.

Data Area

Field headers allow users to re-arrange fields and sort or filter data. Data cells display information from these fields. Each cell value is a summary calculated against the dataset (filtered by corresponding row/column values).

Filter Area

Filter fields do not affect data layout. Use field headers to filter data against fields that are not used in row, column, or data areas. Refer to Filter Data for more information.

The following code adds the Region field to the Rows area:

<DxPivotTable Data="SalesData">
    <Fields>
        <DxPivotTableField Field="@nameof(Sales.SaleInfo.Region)"
                           Area="@PivotTableArea.Row"
                           AreaIndex="0" />
        @*...*@
    </Fields>
</DxPivotTable>

Refer to the DxPivotTableField class description for more information and an example.

Implements

Area