Как выровнять TextBlock = Stretch в шаблоне списка?

Question

Я пытаюсь создать шаблон списка (для элементов).Это то, что у меня есть.

<Window.Resources>
    <DataTemplate x:Key="ItemTemplate">
        <Grid Margin="5">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="60"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <StackPanel Grid.Column="0">
                <TextBlock Text="TEKS" FontSize="20" FontWeight="Bold" Background="#FF502F8F"  Foreground="White" Width="{Binding Path=Width, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type StackPanel}}}" TextAlignment="Center" />
                <TextBlock Text="{Binding Level}" FontSize="24" Background="#FF058C44" HorizontalAlignment="Center" Width="{Binding Path=Width, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type StackPanel}}}" Foreground="White" TextAlignment="Center" FontFamily="Segoe UI Light" />
            </StackPanel>
            <TextBlock Grid.Column="1" Text="{Binding Owner}" FontSize="20" FontWeight="Bold" TextWrapping="Wrap" />
        </Grid>
    </DataTemplate>
</Window.Resources>

<Grid x:Name="LayoutRoot" DataContext="{Binding Source={StaticResource SampleDataSource}}">
    <ListBox ItemTemplate="{DynamicResource ItemTemplate}" ItemsSource="{Binding Collection}" Margin="44,39,82,103" Style="{DynamicResource ListBoxStyle}"/>
</Grid>

И это изображение выглядит так.Я хочу показать перенос строки внутри списка.Что я делаю не так?

Answer 1

1. Отключить горизонтальную прокрутку:

   <ListBox ScrollViewer.HorizontalScrollBarVisibility="Disabled" ...>
   

2. Включить перенос текста (уже имеет место):

   <TextBlock TextWrapping="Wrap" ...>