PDA

View Full Version : Align grid header and grid data independently



goldenka
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 !!!

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


.x-column-header-text {
text-align:left;
}

goldenka
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...