Как отобразить Windows Phone 7 связанных элементов управления внутри столбцов

Question

Мне было интересно, можете ли вы помочь мне решить эту небольшую проблему, у меня есть текстовые блоки с привязкой данных, представляющей таблицу, но проблема в том, что все мои данные выглядят примерно так:Интересно, как заставить элементы управления выстроиться в линию так:

Test    0    0    0    0
Test1   0    0    0    0
Test2   0    0    0    0

Каждая помощь действительно ценится

<Grid x:Name="LayoutRoot" Background="Transparent">
    <!--<Grid.RowDefinitions>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>-->
    <!--ContentPanel - place additional content here-->
    <Grid x:Name="ContentPanel" ShowGridLines="True" Margin="12,0,12,0"> 
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <ListBox Height="650" HorizontalAlignment="Left" Margin="11,17,0,0" Name="listBox1" VerticalAlignment="Top" Width="434" >
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal"> 
                        <TextBlock Grid.Column="0" Text="{Binding test}"/>
                        <TextBlock Grid.Column="1" Text="{Binding test1}"/>
                        <TextBlock Grid.Column="2" Text="{Binding test2}"/>
                        <TextBlock Grid.Column="3" Text="{Binding test3}"/>
                        <TextBlock Grid.Column="4" Text="{Binding test4}"/>
                        <TextBlock Grid.Column="5" Text="{Binding test5}"/>
                        <TextBlock Grid.Column="6" Text="{Binding test6}"/>
                        <TextBlock Grid.Column="7" Text="{Binding 7}"/>
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </Grid>
</Grid>

Answer 1

вам нужно переместить определение столбца внутри шаблона:

    <ListBox Height="650" HorizontalAlignment="Left" Margin="11,17,0,0" Name="listBox1" VerticalAlignment="Top" Width="434" >
        <ListBox.ItemTemplate>
            <DataTemplate>
                <Grid> 
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                    </Grid.ColumnDefinitions>
                    <TextBlock Grid.Column="0" Text="{Binding test}"/>
                    <TextBlock Grid.Column="1" Text="{Binding test1}"/>
                    <TextBlock Grid.Column="2" Text="{Binding test2}"/>
                    <TextBlock Grid.Column="3" Text="{Binding test3}"/>
                    <TextBlock Grid.Column="4" Text="{Binding test4}"/>
                    <TextBlock Grid.Column="5" Text="{Binding test5}"/>
                    <TextBlock Grid.Column="6" Text="{Binding test6}"/>
                    <TextBlock Grid.Column="7" Text="{Binding 7}"/>
                </Grid>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>