Center align of grid title with data left aligned

[stevendegroote]

Since moving to SmartGWT 4, we are experiencing a styling issue with our grid headers.

Basically, we want all headers to be centered, no matter how the field is defined. Therefore we have "text-align:center" defined on ".headerButton" and its hover, selected, ... classes. This works well, until you actually hover over the header. Then, the text moves a bit to the left (about 10px), but gets back to its original position when moving the mouse out of there.

I noticed in the showcase that the flag column has this working perfectly, also on hover, but there the data is also centered.
http://www.smartclient.com/smartgwt/...ce_cell_styles
We found that in this case, in html there is the use of "align='center'" (no css use to do this)

So we are wondering, is there any straightforward way to center the grid column headers without influencing the data and by keeping the position intact while hovering?


Thanks

PS: tested in firefox 17 and 23

[Isomorphic]

The normal way to achieve this is simply to set ListGridField.align to center, and if you don't want the cell text to also be centered, set cellAlign to left or right.

[stevendegroote]

Thanks. Works as intended.