IE10 & FF Grid Collapses to thin line when zooming

[williamsc29Participant]

We’re seeing an issue with the jqxGrid (3.0.4) in IE10 when using the zoom page button in the lower right. If we choose anything other than 100% zoom the jqxGrid will collapse down to a thin line the width of the original grid. Zooming back to 100% redraws the grid properly. Unfortunately I cannot reproduce this in the online grid demos on this site. Does anyone have any suggestions? This also happens in FF 25.0.1, but it works fine for us in IE9.

Here are the grid settings…

        var searchGridOptions = {
            theme: 'wamidnight',
            width: '100%',
            height: '100%',
            source: gridDataAdapter,
            sortable: true,
            selectionmode: 'none',
            columnsresize: true,
            columnsreorder: true,
            filterable: true,
            showpinnedcolumnbackground: true,
            columnsheight: '35px',
            enabletooltips: true,
            showtoolbar: true,
            showstatusbar: true,
            columns: gridColumns,
            showaggregates: true,
            rendertoolbar: function ($toolbar) {
                //code here...
            }
        };

[Peter StoevKeymaster]

Hi williamsc29,

Have you tried it without a custom theme, because as far as I see you use a theme which is not included in the download package. In addition, the columnsheight property should be set to a Number.

Best Regards,
Peter Stoev

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

[williamsc29Participant]

Thanks for the fast reply! I fixed the columnsheight property and changed the theme back to default but I get the same behavior.

[Peter StoevKeymaster]

Hi williamsc29,

Could you post a full sample which demonstrates your scenario? At present, we cannot reproduce such behavior.

Best Regards,
Peter Stoev

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

[williamsc29Participant]

After digging deeper into this it seems this is an issue with our wrapping divs changing size and the grid div being set to 100% height on zoom.

[Author]

Posts