This is a migrated thread and some comments may be shown as answers.

PivotGridRowField header need same like column Header

4 Answers 135 Views
PivotGrid
This is a migrated thread and some comments may be shown as answers.
Syed
Top achievements
Rank 1
Syed asked on 29 Oct 2013, 06:39 AM
Hi,
I need to set the Pivot grid PivotGridRowField header as same like PivotGridColumnField.
the Pivot grid both Row header and column header should be uniform.
Each rowfield header should have border shame like Colum filed header.

2) I want to export the Pivot grid it works fine but i need the Pivot grid row header should be added in export as column header.

4 Answers, 1 is accepted

Sort by
0
Antonio Stoilkov
Telerik team
answered on 31 Oct 2013, 09:00 AM
Hi Syed,

The zones that you have shown in the provided image are actually the RowHeaderZone (or Area) and the ColumnHeader which are two different types of sections. If you want to have the same fields in the RowHeaderZone as in the ColumnHeaderZone you could define the same fields as shown below. You could choose to hide the RowHeaderZone or the ColumnHeaderZone by using the RadPivotGrid ShowRowHeaderZone ShowColumnHeaderZone properties. 
<Fields>
    <telerik:PivotGridRowField DataField="Year" Caption="Year" UniqueName="DiscountRow">
    </telerik:PivotGridRowField>
    <telerik:PivotGridRowField DataField="Quarter" Caption="Quarter" UniqueName="UnitPriceRow">
    </telerik:PivotGridRowField>
    <telerik:PivotGridColumnField DataField="Year" Caption="Year" UniqueName="Discount">
    </telerik:PivotGridColumnField>
    <telerik:PivotGridColumnField DataField="Quarter" Caption="Quarter" UniqueName="UnitPrice">
    </telerik:PivotGridColumnField>
    <telerik:PivotGridAggregateField DataField="Quantity" Caption="Quantity" UniqueName="Quantity"
        Aggregate="Average" DataFormatString="{0:F2}">
    </telerik:PivotGridAggregateField>
</Fields>

Additionally, I would recommend going through the help article below which describes RadPivotGrid Fields and visually shows the differences.

Regards,
Antonio Stoilkov
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Syed
Top achievements
Rank 1
answered on 01 Nov 2013, 01:15 AM
Hi ,
Thanks for your response,

But iam not asking about same Row File and Colum Filed .
I want the look and feel of both Row Field header and Column field header should be same.
For our project we are using Pivot grid and Rad Grid ,we need same look of pivot grid header as rad grid.
help me how to override the css of Pivot grid Row fild header as same like Colum header.
please see the attached file.

rowheader1.jpg  is the original out put
rowheaderneedsamelikeuniform2.png  needed output.


Thanks and Regards
Shanu
0
Antonio Stoilkov
Telerik team
answered on 05 Nov 2013, 06:56 AM
Hello,

In order to achieve your scenario you could use the CSS provided below.
.RadPivotGrid .rpgRowsZone span.rpgFieldItem {
    background: none;
    border: none;
}

Additionally, if you want to override the how PivotGrid Fields look for the whole RadPivotGrid you could remove the .rpgRowsZone class selector as shown below.
.RadPivotGrid span.rpgFieldItem {
    background: none;
    border: none;
}

Regards,
Antonio Stoilkov
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Syed
Top achievements
Rank 1
answered on 05 Nov 2013, 08:09 AM
Hi,
Thanks
Tags
PivotGrid
Asked by
Syed
Top achievements
Rank 1
Answers by
Antonio Stoilkov
Telerik team
Syed
Top achievements
Rank 1
Share this question
or