I have this igGrid configuration:
$("#grid1").igGrid({ rowVirtualization: true, columns: [ { headerText: "Product ID", key: "ID", dataType: "number" }, { headerText: "Product Number", key: "ProductNumber", dataType: "string" }, { headerText: "Price", key: "Price", dataType: "number" }, ], dataSource: CreateDataSource(), height:'420px', width: '600px', features : [ { name: 'RowSelectors', enableCheckBoxes: true, enableRowNumbering: false }, { name: 'Selection', multipleSelection: true }, { name : "Resizing" } ] });
The problem is that the header disappears and the coloring of the checkboxes is wrong when scrolling the page.
This is the initial status:
And this is after I select three rows and move down using the scroll bar:
In addition, the grid does not allow me to use the checkboxes.
Is there any workaround or planed date for a fix?
Hello ldwedari ,
I created a supported ticket on your behalf
CAS-84485-MJJZPP
I will link your case to the delopment issues.
Thus you will be notified when the service release is available.
Hello ldwedari,
Thank you for using our forums!
There are two development issues reported regarding this - #100388 and #100425. They will be resolved in future releases.
Unfortunately there is no workaround. If you disable row virtualization the Row Selectors will work as expected.
Best regards,
Stamen Stoychev