View Full Version : Align grid header and grid data independently

12 Jan 2012, 7:53 AM
Using "align" property in a grid's column aligns both the header as the content. I want to align header and content independently. I tried to inspect css classes with firebug but with no success; really don't know how to find proper classes and apply them afterwards.

Also I don't want to align the whole grid, but rather add align property only to some columns.

Please help !!!

12 Jan 2012, 8:42 AM
try out something like:

.x-column-header-text {

13 Jan 2012, 12:31 AM
Thank you for your reply.
I tried to apply this css like that:

css file:

.myheader .x-column-header-text {
text-align: center;

this.columns = [
header: 'Data',
dataIndex: 'data',
flex: 0.3,
renderer: rendererFunction,
cls: 'myheader'

but it's not working...