PDA

View Full Version : Grid - How to remove padding for a specific Column



Bakul
3 Sep 2009, 1:28 PM
Hi,

I want to overwrite default padding of 3, 3, 3, 5 for a specific column.

I tried adding following in my APP.css, but it doesn't worked.



x-grid3-col x-grid3-cell x-grid3-td-icon

{

padding: 0px;
}


.x-grid3-cell-inner x-grid3-col-icon


{

padding: 0px;
}

Please guide if there is any better way to apply style which overrides the inner cells style from code or other way.

Thanks,
Bakul.

Bakul
23 Sep 2009, 12:04 PM
I have got an idea from RowNumber plug in.

This one worked for me:


.x-grid3-td-image div {
padding: 0px;
}


where "image" is my column name.


-Bakul

Arno.Nyhm
24 Sep 2009, 6:53 AM
one tip: use your own style for this grid, otherwise ALL columns with the name "image" are rendered this way. and this can later become a trap if you dont remember your grid with this column name



.size-image-column .x-grid3-td-image div {
padding: 0px;
}
...
grid.addStyle("size-image-column")

Bakul
24 Sep 2009, 6:56 AM
Sounds good to me.

Thanks a lot.

Bakul