WPF - ScrollViewer with fixed header/row

Question

What is the easiest way to create ScrollViewer with fixed header (control that always stays at the top ignoring the scroll), but which still scrolls horizontally.

Should I write my own ScrollViewer template with header above ScrollContentPresenter, and move it when horizontal scroll value changes, or maybe it's better to put header inside ScrollViewer and move it vertically? Or maybe there is a lot better way to achieve this...

mdm20 mdm20 · Accepted Answer · 2012-05-08T20:47:47

I think you can achieve the effect you want by nesting scrollviewers.

        <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Disabled">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="50" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>

            <Border Background="Gray">
                <TextBlock Text="HEader" /> 
            </Border>

            <ScrollViewer Grid.Row="1" HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">

            </ScrollViewer>
        </Grid>
    </ScrollViewer>

WPF - ScrollViewer with fixed header/row

2 Answers