Hi,
I’ve tested it with the official examples, different themes, Local and ServerSide data sources – same issue.
Scrolling messes up the grid hovering/selection and when I’m trying to hover a certain cell or row, the highlight is shown to be not over the cell/row where the cursor is, but one/two cells above. If I make something that triggers the jqxgrid to re-render itself again, the grid scrolls up by one/two rows automatically, the cell highlighting bug is gone. If I continue to scroll up or down its a matter of 2-3 scrolls to trigger the bug again. I will provide a video recording where you can see the example I’m talking about and part of the code I’ve used.
Video available here: Youtube
Code used:
$("#jqxgrid").jqxGrid({
source: dataAdapter,
verticalscrollbarstep: 300,
height: window.innerHeight - topElemenetsHeight - 8,
width: '100%',
autoloadstate: false,
autosavestate: false,
showaggregates: true,
pageable: true,
showfilterrow: false,
statusbarheight: 25,
columnsresize: true,
columnsreorder: true,
theme:theTheme,
keyboardnavigation: true,
enablebrowserselection: true,
enabletooltips: true,
enablemousewheel: true,
filterable: true,
editable: true,
altrows: true,
clipboard: false,
selectionmode: 'checkbox',
columns: [
// ~30 columns but all of them has these config
{text: 'Status', pinned: true, columntype: 'dropdownlist', datafield: 'status', width: 70,filtertype: 'checkedlist'},
{ text: 'ID', datafield: 'id', width: 75, editable: false },
]
});
