无法在ASP.Net 3.5中同时滚动2个网格

Question

I am working on a web application using visual studio 2008 (ASP.Net 3.5 with C#). I have added two GridViews of System.Web.UI.WebControls.GridView type. Now I want that when I scroll the GridView1 horizontally, the GridView2 also scrolls along with it. I have tried many solutions but whenever I tried to use the solution code, error occurred that 'does not contain a definition for Scroll/HorizontalScrollBar etc'. Even there is no GridView event for scrolling through which I can solve my problem.

If anybody has the solution then please let me know. I will be very pleased because I am trying to solve this problem from last 2 days.

Answer 1

You can put your grids in two divs named left and right styling them with overflow:scroll; .

<div id="left">
    ...grid1 here
</div>

<div id="right">
    ...grid2 here
</div>

Then you can use the following jQuery script to synchronize scrolling events:

$(window).load(function(){
    $('#right').on('scroll', function () {
        $('#left').scrollLeft($(this).scrollLeft());
    });
});