jQWidgets Forums

Hello everyone,

i am facing some troubles with the jqxGrid.
If the Browserwindow isn´t maximized and the content of my website is shrinking and the vertical browserscrollbar appears, my index of the jqxgrid is getting weird.

as you can see, the last line is selected, but the cursor (not on the picture) is on the first row.

here is my code:

                
var url = $.jsui.core.getUrl('/Ticket/Data/GetIncidents/' + divComboBox.jqxDropDownList('getSelectedItem').value + '?categories=' + options.data.item);

                var source = {
                    datatype: 'json',
                    url: url,
                    datafield: [
                        { name: 'id', type: 'int' },
                        { name: 'ticket_test', type: 'string' },
                        { name: 'title', type: 'string' },
                        { name: 'responsible_manager', type: 'string' },
                        { name: 'responsibility', type: 'string' },
                        { name: 'cust_text2', type: 'String' },
                        { name: 'change_category_int', type: 'int' }
                    ],
                    id: 'id'
                };

                list.jqxGrid({
                    source: dataAdapter,
                    width: options.width - 10,
                    height: 650,
                    rowsheight: parseInt(options.cells.height),
                    columnsresize: false,
                    //autorowheight: true,
                    columns: [
                        { datafield: 'id', width: options.cells.fontSize * scale, text: 'Id' },
                        { datafield: 'problem_type', width: options.cells.fontSize * 4, text: 'Kategorie' },
                        { datafield: 'cust_text2', width: options.cells.fontSize * 1.66667 + 5, text: '' },
                        { datafield: 'change_category_int', width: 8, text: '', hidden: change_category},
                        { datafield: 'responsible_manager', width: options.cells.fontSize * 3, text: '', hidden: true },
                        { datafield: 'responsibility', width: 60, text: '', hidden: false },
                        { datafield: 'title', width: titleSize, text: 'Titel' }
                    ],
                    rendered: function() {
                        $('.jqx-grid-cell').css('font-size', parseInt(options.cells.fontSize));    
                    },
                    theme: 'metro'
                });

I need some help here, cant find the issue by myself!
Thanks in advance!

Notices: The Problems are only in chrome and Safari! MOzilla is working fine.

kind regards
Ipad