Hi Hristo,

Thanks for the reply.

Is there a way I can use a css or any code snippet to check the checkbox when it come to visible area atleast? (guess we can use the rowsrendered event to do this)

Actually in row changing event we are just selecting the rows based on Ids.

     preSelectGridRows =function ($grid, idsToBeSelected) {var dataView = $grid.data('igGrid').dataSource.dataView();

           var matchedRowIndexes = [];

           var key = $grid.igGrid("option", "primaryKey");

           if (idsToBeSelected.length > 0) {

                $.each(dataView,function (rowIndex, dataRow) {

                    $.each(idsToBeSelected,function (index, id) {

                       if (dataRow[key] === id) {

                            $grid.igGridSelection("selectRow", rowIndex);

                        }

                    });

                });

            }

        },

Now the only issue with the sample is we are unable to check the checkboxes even if the row is selected.

Thanks,

Veena

Hi Hristo,

I am working on the same code as veena posted. I tried the sample you have sent with the earlier post, binding the dataSource at grid initialization itself.

This still seems to be not working for higher number of rows. I added 10 more rows to the sample data and tried. The check box seems to be not checked for the selected row for row numbers >=90. Hope you will be able to provide a solution.

Thanks in anticipation!

Regards,

Irshad

Hello Irshad,

I have tested the sample attached in my last post with higher number of rows and it works as expected. I attach it again for you to check it.

I hope this helps.

Hi Hristo,

Thanks for your quick response.

I tried with your latest sample and the problem still persists. After row number 88 the pre-selected row doesn't have the checkbox checked.

I am using Internet Explorer 10. Are you using the same? Just a thought if it has anything to do with the browser version.

Thanks,

Irshad

Hello Irshad,

I was using Chrome and it is okay, but I did see under IE it is not the same behavior.

The reason is that when using virtualization the DOM renders only the visible rows and some browsers have issues with this. Because the visible rows number is defined by the height of the grid, you can change the height of the grid. In my sample it is 380px, but give it try for example with 480px and it will work as expected.

I hope this helps.

Hi Hristo,

This workaround will not help us as we have some 900+ rows and the layout is fixed so that it should fit in one page. Similar issue we are also encountering while doing text search on department name field. As the text to be searched is not coming in visible area.

Please suggest if we can try any other alternative with Virtualization, preselecting the rows and checkboxes, search for the department name on IE10 browser.

Thanks,

Kiran

Hello Kiran,

I would like to ask you to open a new thread regarding this issue. Our company's policy is to keep the requests separate from each other, which leads to better tracking of issues and fast responses. It will also make search easier and it is our community members who would be able to benefit from this.

After you are done posting a new thread in the community please be that kind to inform me here.

Thank you.