Custom color for pivot table header

Hi tsaho8 ,

Please try this script

widget.on('domready', function(sender, ev){
	
//header columns
 var $ps1 = $(".p-grand-total-head", element);
	$(".p-dim-head").css({'text-align' :'center','font-weight' : 'bold','color' : '#132f57','background-color' :'#e2e9ec','vertical-align': 'middle', 'wrap': 'true','font-size':'12px'}); 
	$(".p-dim-member").css({'text-align' :'left','font-weight' : 'bold','color' : '#132f57','vertical-align': 'middle', 'wrap': 'true'}); 
	$('.p-head-content, .p-value,#title_span').css('white-space','normal') // word wrap


	//var $ps2=$(".p-value")
	
 $ps1.css('font-size' , '12px');
 $ps1.css('font-weight' , 'bold');
 $ps1.css('color' , '#132f57');
 $ps1.css('background-color' , '#e2e9ec');
 $ps1.css('text-align' , 'center'); 
$ps1.css('vertical-align' , 'middle');  //phantom
	
	
		// remove last blank td	
 var tags = $('td.phantom', element);
 for(var i=0; i<tags.length; i++) {
  tags[i].style.width = '0px';
 }
	

	

	$('td.p-total-row-val,td.p-total-row-head,td.p-total-row-head, td.p-total-row-val, td.p-grand-total-row-head,td.p-value,td.p-last-row-col', 'widget[type=pivot]').css({'border-bottom':'thin solid #DCDCDC', 'wrap': 'true'});
		 
 $(' td.p-grand-total-row-head,td.p-colored', 'widget[type=pivot]').css({'font-weight' :'bold','color':'#132f57', 'wrap': 'true'});

});

Thanks

Sijo