Hello Tony,

I suppose that the effect will exist only on scaling >144%, but it is not so important. It's important just that the value of testCell must be not exactly equal to 5. So one have to adjust the code so that some intervals of values, which are close to 5, will be interpreted in the same way as 5.

Regards
Oleg

Tony,

I agree, that the usage of em instead of px would have many advantages. I am afrade that the changes can be not so simple. One have to change many height, margin and padding settings (but not all because in some situations icons with fixed pixel size are used).

My suggesting was about the first small step to improve CSS which uses jqGrid. jqGrid use not only own styles, but also jQuery UI CSS framework. So have have to take in consideration the standard jQuery UI CSS.

The line

.ui-jqgrid {position: relative; font-size:11px;}
from ui.jqgrid.css set font-size on the gbox. On the other side gbox div uses ui-widget ui-widget-content ui-corner-all classes too. Because of usage of ui-widget

Hi alexandrem,

You could see on the demo like this one

Hallo Tony,

I named my suggestion at the beginning as quick and dirty solution, so I full agree that it would be fine to find in the future more better way. Nevetheless I don't think that the code which you wrote above will work correctly.

The first problem with above code is that ts.p.cellLayout can be set to 0. So the width of the table will be also 0. You fixed already the problem in the code of