Footer styles not working (Footer cells bigger than columns)

Hello,

I have a problem with the footer of the Grid: the cells are approx. 1 px bigger than its column cells; this doesn't represent a problem with 10 columns but when the grand total of a 50-column grid is in the last cell of the footer and you can only see half of it it's not that cool.

I tried to adjust the cells' width by doing

#div_awgGridDetalle .aw-footer-0 #div_awgGridDetalle .aw-footer-0 {width:30px;}
#div_awgGridDetalle .aw-footer-1 #div_awgGridDetalle .aw-footer-1 {width:30px;}
[...]

but it won't do it. However, doing

#div_awgGridDetalle .aw-footer-0 .aw-grid-footer {text-align:left;}

does align the text of all the footer's cells to the left.

Trying to adujst the width via styles, like

obj.getFooterTemplate(2, 0).setStyle("width", "30px");

does the trick, but forbids the cells from being resizable.


I'm clueless here. How can I do it?
Any ideas will be greatly appreciated.

Please look here -

http://www.activewidgets.com/javascript.forum.19330.2/header-border-alignment.html
http://www.activewidgets.com/javascript.forum.19649.6/header-and-cell-data-alignment.html

Basically, in standards-compliant mode if you add a cell or footer border via css then you have to reduce padding to keep the same width.

Thank you! Worked like a charm.