cell text not vertically centered when both "rowsheight" & "cellsalign" set

[gwjwinParticipant]

Hello, I try to set a larger rowsheight (e.g. rowsheight=50) and want some column text center aligned (cellsalign=true). The text in this column looks like still using the default rowsheight (which is smaller) and not vertically centered.

click the following link, and see the second column:
http://jsfiddle.net/gwjwin/Vz7yy/2/

How can I fix this problem?
Thanks.

[Peter StoevKeymaster]

Hi gwjwin,

This help topic: http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxgrid/jquery-grid-cellsrendering.htm shows how to customize the Grid cells rendering. It will be helpful in your case.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[gwjwinParticipant]

Thanks, I can customize cell style using ‘cellrenderer’ now, but how can I calculate the ‘margin-top’ to let text vertically centered?
The demo above still not vertically centered if I set I tried to set a big ‘rowsheight’, the style ‘vertical-align:middle’ has no effect.
actually, the problem only occur when ‘cellsalign’=’center'(‘left’ & ‘right’ are ok) , so it looks like the ‘margin-top’ doesn’t code correctly only when setting ‘cellsalign=center’?

[gwjwinParticipant]

I deleted two e="5px"; in ‘jqxgrid.js’, and the problem fixed.

[Author]

Posts