Сетка в ScrollViewer не прокручивается по горизонтали

Question

Я думаю, что мне не хватает чего-то простого здесь ... как мне получить Grid внутри ScrollViewer для прокрутки по горизонтали? Я включил HorizontalScrollMode, и контент определенно достаточно длинный, чтобы он бежал с экрана, но он не прокручивается. Вот код обижая (это ScrollViewer является одиноким содержанием в ряде LayoutRoot Grid):

<ScrollViewer Grid.Row="1" VerticalScrollMode="Disabled" 
       VerticalScrollBarVisibility="Hidden" 
       HorizontalScrollMode="Enabled"> 
    <Grid Margin="120,0,0,100"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="240"/> 
      <ColumnDefinition Width="20"/> 
      <ColumnDefinition Width="240"/> 
      <ColumnDefinition Width="20"/> 
      <ColumnDefinition Width="240"/> 
      <ColumnDefinition Width="20"/> 
      <ColumnDefinition Width="240"/> 
      <ColumnDefinition Width="*"/> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="*"/> 
     </Grid.RowDefinitions> 
     <TextBlock Text="Download" HorizontalAlignment="Center" Margin="0,0,0,10"/> 
     <local:BandwidthMeter Grid.Row="1" x:Name="PolicyDown" Grid.Column="0"/> 
     <TextBlock Grid.Column="2" Text="Upload" HorizontalAlignment="Center"/> 
     <local:BandwidthMeter Grid.Row="1" x:Name="PolicyUp" Grid.Column="2"/> 
     <TextBlock Grid.Column="4" Text="Download" HorizontalAlignment="Center"/> 
     <local:BandwidthMeter x:Name="ActualDown" Grid.Row="1" Grid.Column="4"/> 
     <TextBlock Grid.Column="6" Text="Upload" HorizontalAlignment="Center"/> 
     <local:BandwidthMeter x:Name="ActualUp" Grid.Row="1" Grid.Column="6" /> 
     <TextBlock Grid.Column="7" Text="Campus-wide bandwidth usage" HorizontalAlignment="Center"/> 
     <Image Grid.Column="7" Grid.Row="1" Margin="80,0,0,0" Source="[image URL]" Stretch="UniformToFill"/> 
    </Grid> 
</ScrollViewer> 

Answer 1

Добавить свойство HorizontalScrollBarVisibility="Auto" к вашим ScrollViewer.