在多个列上滚动查看器（StackPanel）

Question

我正在尝试构建类似的东西：

我尝试定义一个包含 3 列的网格（第一列用于文本，最后两列用于 每行中的按钮。 因此，在网格内部，我有一个滚动查看器和一个堆栈面板（Grid.Column=“0”），但是当我尝试为 Grid.Column=“1”放置第二个堆栈面板时，我失败了:(。 所以我不知道如何正确构建它。

 <Grid Grid.Row="1" Grid.Column="1">
     <Grid.ColumnDefinitions>
         <ColumnDefinition/>
         <ColumnDefinition Width="80"/>
         <ColumnDefinition Width="80"/>
     </Grid.ColumnDefinitions>
     <ScrollViewer Grid.ColumnSpan="3" VerticalScrollBarVisibility="Auto">
         <StackPanel Grid.Column="0">            
             <Label Content="1.3 Distanzstücke positioniert (US Hochvolt)"/>
             <Label Content="1.3 Distanzstücke positioniert (US Hochvolt)"/>
         </StackPanel>                
     </ScrollViewer>
 </Grid>

Answer 1

我不确定你想要什么 您可以使用下面的代码完成上面的xaml。

  <ScrollViewer VerticalScrollBarVisibility="Visible" HorizontalScrollBarVisibility="Visible">
        <Grid>
            <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition Width="80"/>
            <ColumnDefinition Width="80"/>
        </Grid.ColumnDefinitions>

        <StackPanel Grid.Column="0" >
            <Label Content="1.3 Distanzstücke positioniert (US Hochvolt)"/>
            <Label Content="1.3 Distanzstücke positioniert (US Hochvolt)"/>
            <Label Content="1.3 Distanzstücke positioniert (US Hochvolt)"/>
            <Label Content="1.3 Distanzstücke positioniert (US Hochvolt)"/>
            <Label Content="1.3 Distanzstücke positioniert (US Hochvolt)"/>
            <Label Content="1.3 Distanzstücke positioniert (US Hochvolt)"/>
            <Label Content="1.3 Distanzstücke positioniert (US Hochvolt)"/>
            <Label Content="1.3 Distanzstücke positioniert (US Hochvolt)"/>
            <Label Content="1.3 Distanzstücke positioniert (US Hochvolt)"/>
            <Label Content="1.3 Distanzstücke positioniert (US Hochvolt)"/>
             <Label Content="1.3 Distanzstücke positioniert (US Hochvolt)"/>
            <Label Content="1.3 Distanzstücke positioniert (US Hochvolt)"/>
            <Label Content="1.3 Distanzstücke positioniert (US Hochvolt)"/>
            <Label Content="1.3 Distanzstücke positioniert (US Hochvolt)"/>
        </StackPanel>
        <StackPanel Grid.Column="1">
            <Button  Content="Button" Margin="10"/>
        </StackPanel>
        <StackPanel Grid.Column="2">
            <Button  Content="Button" Margin="10"/>
        </StackPanel>
     </Grid>
    </ScrollViewer>