Hi HBA,

Thanks for your reply. Your solution seems really good, I'm trying to implement it in my project.

But, as you said, Usage of grid.getDivElement() doesn't work. I'm looking for another way to get the reference of the control showing scrollbar.

I will inform you on my progress.

With your sample the GridScrolled() is well triggered when I move the scrollbar, but I have a Null Exception on this line :

grid2.getDivElement().scrollLeft = grid1.getDivElement().scrollLeft;

Maybe the following lines don't work to get the grids :

     var grid1 = igtbl_getGridById("dgvStade1");
     var grid2 = igtbl_getGridById("dgvStade2");

I'm working on it.

Try replacing those lines in this way

var grid1 = igtbl_getGridById("<%= dgvStade1.ClientID %>");

var grid2 = igtbl_getGridById("<%= dgvStade2.ClientID %>");

Unfortunately this doesn't work. I'll tell you if I find the solution

Hi !

Finally I found a working solution. Here is the code :

    function dgvStade1_InitializeLayout(gridName)
    {
        var grid  = igtbl_getGridById(gridName);
        if(ig_shared.IsFireFox)
            {
            grid.getDivElement().addEventListener("scroll", GridScrolled, false);
            }
        else
            {
            grid.getDivElement().onscroll = GridScrolled;
            }
    }
   
    function GridScrolled()
    {
    
     var grid1 = igtbl_getGridById("tcl_PCG__ctl2_dgvStade1");
     var grid2 = igtbl_getGridById("tcl_PCG__ctl2_dgvStade2");
    
     grid2.getDivElement().scrollLeft = grid1.getDivElement().scrollLeft;

    }

Correctly specify the grids IDs was the solution.

My page architecture : UltraWebTab:tcl_PCG->ctl2->UltraWebGrid:dgvStade1

Thank you for your help !

Regards

Hi,

Great…

Have you tried usage of following code which I posted in previous post?

var grid1 = igtbl_getGridById("<%= dgvStade1.ClientID %>");

var grid2 = igtbl_getGridById("<%= dgvStade2.ClientID %>");

What happened with above code?

I think it is wrong practices to provide element id in that way. Your page will stop working if your architecture get changes or any container in hierarchy gets renamed.

I think above code should work other wise you need to find some alternate way to get grid’s id.

Hi,

I'm in front of another problem. The rows of the both two grids move with the scrollbar but the columns' headers don't. Any idea to resolve it ?

Bye

I tried this code :

var grid1 = igtbl_getGridById("<%= dgvStade1.ClientID %>");

var grid2 = igtbl_getGridById("<%= dgvStade2.ClientID %>");

It seems to find my grids but their appearance is not correct after (the column and rows overflow from the grid).

For the moment I keep this solution which is working but you're right it's not a so good practice.