How to synchronize the scrolling of one to another in the SfDataGrid?

Hi Zeljko,

We have analyzed your query to synchronize the scrolling between two SfDataGrid in MVVM pattern. And you can achieve this requirement by writing behavior for each datagrid as like below code snippet,

C#:

public class FirstSfDataGridBehavior : Behavior
    {
        protected override void OnAttached()
        {
            base.OnAttached();
            this.AssociatedObject.Loaded += AssociatedObject_Loaded;
        }

        private void AssociatedObject_Loaded(object sender, System.Windows.RoutedEventArgs e)
        {
            this.AssociatedObject.GetVisualContainer().ScrollOwner.ScrollChanged += ScrollOwner_ScrollChanged;
        }

        private void ScrollOwner_ScrollChanged(object sender, System.Windows.Controls.ScrollChangedEventArgs e)
        {
            SfDataGrid otherDataGrid = Application.Current.MainWindow.FindName("Datagrid2") as SfDataGrid;

            //Set the Vertical offset for Grid1 and Grid2 when we Vertically scroll the Grid
            if (e.HorizontalChange > 0 || e.HorizontalChange < 0)
            {
                otherDataGrid.GetVisualContainer().SetHorizontalOffset(e.HorizontalOffset);
            }

            //Set the Vertical offset for Grid1 and Grid2 when we Vertically scroll the Grid
            if (e.VerticalChange > 0 || e.VerticalChange < 0)
            {
                otherDataGrid.GetVisualContainer().SetVerticalOffset(e.VerticalOffset);
            }
        }
    }

Please find sample for the same from the below link Sample Link: WPF

Please let us know, if you need any further assistance on this.

Regards, Shobika.

Hi Thierry,

Thanks for your update.

We have checked the reported case in our sample. But unfortunately we are unable to reproduce the reported issue in our end. Please ensure whether you have any other customization in your sample and let us know if any. It will be helpful for us to find the cause for the issue and provide a proper solution.

Regards, Mohanram A.

Hi Tim,

The GetVisualContainer helper method is contained in knowledge base documentation sample links containing platform only (ex:WPF,UWP). WinForms SfDataGrid does not contain the GetVisualContainer helper method.

However, your requirement to synchronize the scrolling of one to another in the SfDataGrid can be achieved by using the WindowScrolled event in SfDataGrid.TableControl. Please refer to the below code snippet,

//WindowScrolled event wired for first datagrid1
sfDataGrid1.TableControl.WindowScrolled += OnWindowScrolled;

//WindowScrolled event occurs after the window has been scrolled in sfDataGrid1.
private void OnWindowScrolled(object sender, ScrollWindowEventArgs e)
{
            //here sync the Second DataGrid scrolling based on first SfDataGrid

            if (e.XAmount < 0 || e.XAmount > 0)
                //Set the Horizontal offset for sfDataGrid2 and sfDataGrid1 when we Horizontally scroll the sfDataGrid1
                sfDataGrid2.TableControl.SetHorizontalOffset(sfDataGrid1.TableControl.HorizontalScroll.Value);

            //Set the Vertical offset for sfDataGrid2 and sfDataGrid1 when we Vertically scroll the sfDataGrid1
            if (e.YAmount < 0 || e.YAmount > 0)
                sfDataGrid2.TableControl.SetVerticalOffset(sfDataGrid1.TableControl.VerticalScroll.Value);
            sfDataGrid2.TableControl.Invalidate(); 
}

Sample Link: WF

UG Link: Handling events

Please let us know if you have any concerns in this.

Regards, Vijayarasan S