Skip to main content
All docs
V25.1
  • DxPivotTable.Attributes Property

    Specifies a collection of standard HTML attributes applied to the Pivot Table.

    Namespace: DevExpress.Blazor.PivotTable

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

    NuGet Package: DevExpress.Blazor.PivotTable

    Declaration

    [Parameter(CaptureUnmatchedValues = true)]
    public IReadOnlyDictionary<string, object> Attributes { get; set; }

    Property Value

    Type Description
    IReadOnlyDictionary<String, Object>

    A collection of attributes.

    Remarks

    To apply a standard HTML attribute to the Pivot Table, specify the attribute’s name and its value among Pivot Table properties in the markup. If the specified name does not match an existing Pivot Table property name, the component passes the specified value to the Attributes collection.

    You can use the Attributes collection to add Pivot Table attributes at runtime.

    If you specify CSS classes with both the CssClass property and the class attribute, the Pivot Table combines them in the rendered HTML element.

    The following code assigns a custom value to the Pivot Table’s title attribute:

    @rendermode InteractiveServer
    
    <DxPivotTable Data="SalesData"
             title="A sample Pivot Table attribute">
        <Fields>
            <DxPivotTableField Field="@nameof(Sales.SaleInfo.Region)"
                               Area="@PivotTableArea.Row"
                               AreaIndex="0" />
            <DxPivotTableField Field="@nameof(Sales.SaleInfo.Country)"
                               Area="@PivotTableArea.Row"
                               SortOrder="@PivotTableSortOrder.Descending"
                               AreaIndex="1" />
            <DxPivotTableField Field="@nameof(Sales.SaleInfo.Date)"
                               GroupInterval="@PivotTableGroupInterval.DateYear"
                               Area="@PivotTableArea.Column"
                               AreaIndex="0" 
                               Caption="Year" />
            <DxPivotTableField Field="@nameof(Sales.SaleInfo.Date)"
                               GroupInterval="@PivotTableGroupInterval.DateQuarter"
                               Area="@PivotTableArea.Column"
                               AreaIndex="1"
                               Caption="Quarter" />
            <DxPivotTableField Field="@nameof(Sales.SaleInfo.Amount)"
                               SortOrder="@PivotTableSortOrder.Ascending"
                               Area="@PivotTableArea.Data"
                               SummaryType="@PivotTableSummaryType.Sum" />
        </Fields>
    </DxPivotTable>
    
    @code {
        IEnumerable<Sales.SaleInfo> SalesData;
        protected override async Task OnInitializedAsync() {
            SalesData = await Sales.GetSalesAsync();
        }
    }
    

    Implements

    See Also