DxPivotTableField.Area Property

Specifies the area where the field is displayed.

Namespace : DevExpress.Blazor.PivotTable

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

NuGet Package : DevExpress.Blazor.PivotTable

Declaration

csharp

[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 AreaField headers allow users to re-arrange fields and sort or filter data. Unique values from corresponding fields are displayed as row headers.Columns AreaField headers allow users to re-arrange fields and sort or filter data. Unique values from corresponding fields are displayed as column headers.Data AreaField 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 AreaFilter 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 additional information.

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

razor

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

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

Implements

Area