How To Change GridPanel Header Column Size and Colour

[Dinesh.T]

Hi All,

How To Change GridPanel Header Column Size and Color.

( Ex: if i have an grid panel in that i have two header columns i.e Employee Name, Employee No. So what i want is I want to increse the Size And color of Employee Name, Employee No. ).

I can try these.but it will not work

<U> In Style Sheet:

</U>


.GridfontsizeAndColorinBlack


{


font-size:12px;


font-weight:bold ;


color:Gray;


}
<U>

In Design Page:

</U>

<ext:Column DataIndex="EmployeeName" Header="Employee Name" Width="350" Sortable="true" Css="GridfontsizeAndColorinBlack" />

So the Header column (Employee Name ) size and colors are not changed.


So, Plz help me as early as possible

Thanks in Advance

[animalisme]

hi,denish, I think you can enter a return key in the header to change the height of the column header, such as : <ext:Column Header="AAA<br />BB" Width="70"></ext:Column> ,wish it will help you.

[bobs]

Please try like this...

<style type="text/css">
      .x-grid3-td-EmployeeName {color: red; height:50px;}
</style>

// and the grid column should like 

<ext:Column ColumnID="EmployeeName" DataIndex="EmployeeName"  .....  />

Regrads,

BOBS