Hello,
1. I want to to hide Column Header, Row Header and Measure Header of iggrid.2. I want to change the color of the Pivot Grid, I can configure the code does.
Please give me suggest.
Thank you.Sulada
Hello Sulada,To hide the Column Header, Row Header and Measure Header of Pivot Grid and change the color of it you have to change the following style as:
<style>//for Change the color .ui-widget-header{ background: yellow; }
//For Hide the row #pivotGrid_measures { display : none ; } #pivotGrid_columns { display : none ; } </style>I am attaching the sample project use to test. Please find the attachment to achieve the desired behavior in the Pivot Grid.
In the sample I changed the Pivot Grid color as black.
Hello,I want to hide Drill down/up the members of a hierarchy,I am attaching image for you
Hello Sulada,To hide Drill down/up (Minus and plus sign) members of a hierarchy and the years column you can change the style as follow: #pivotGrid_filters { display : none ; } .ui-icon-minus{ display : none !important ; } .ui-icon-plus{ display : none !important ; }Just would like to know the project requirement. If you want to hide all the Column Header, Row Header and Measure Header and Drill down/up the members of a hierarchy then you can use igGrid instead.Please find the attachment with the desired style change and let me know if I can be further assistance.
Thank for answer..
and 1.I want to change the color of the Pivot Grid, I can configure the code does.
2.I want to change row total ==> front-weight : bold only
I am attaching image for you
Hello Sulada,
The requirements you have are all related to style, you'll just need to write a CSS style for changing the color , hiding the rows , change font weight and for alignment.
The easiest approach to handle this would be to simply change the CSS that is being applied to pivot Grid,Run the sample on chrome and press F12 for debug and just check the ids and class to make changes. Classes and ids will show all of the styles being applied to that particular element and show you where they are defined at.
To change the font weight and color you can write a CSS style that will overwrite those previous
styles with the updated colors and font weight that you want to use:
Just would like to know the project requirement. If you want to hide all the Column Header, Row Header and Measure Header and Drill down/up the members of a hierarchy then you can use igGrid instead.
#dataSelector, #pivotGrid {
float: left;
font-weight: bold ;
}
.ui-widget-header{
background: #F0EEEE;
#pivotGrid_measures
{
display : none ;