Question: What is the best way to build an Excel like layout?

Hello!

I am finding a way to build an “Excel like” layout.

The key features of that scenario is:

• Left content should be vertically scrolled synchronously with a main content. At the same time it should not be scrolled horizontally (fixed columns in Excel)
• Top content should be horizontally scrolled but not vertically.
• The scroll bars can be anywhere.

For-example, the horizontal scrollbar on Excel`s screen bellow is not fit the whole width.

My first solution I tried was a grid with two panels for the Left and Top content, and a ScrollViewer with an ItemsRepeater for the main content. I invalidate the panel`s measure on ScrollViewer.ViewChanged event and perform the layout in each panels on measure pass according to the current RealizationRect. This approach looks like work, but now I need to change the position of the scrollbars.

To do this I am going to change the template of the ScrollViewer. But now I think, is there any best solution to do this? Am I going true way?

[michael-hawker]

@Sergio0694 added some ScrollViewer extensions in the last version of the Toolkit which I think may be helpful here?

[Sergio0694]

@BorzillaR Here’s the sample from that GIF I posted, hope this helps! 😄

GridScrollerSample.zip