как отформатировать данные внутри DataGridTemplateColumn в сетке данных

Question

это мой код xaml, где у меня есть 2 поля, размещенные в одном столбце шаблона.

Теперь я получаю формат вывода, как этот, чтобы я мог указать пространство между этими 2 столбцами

    Color

red        image1

green     image2

green     image2

white     image6

чтобы вывод выглядел хорошо.

Как я могу определить пространство между ними так, чтобы оно выглядело как приведенное выше

сейчас thw вывод похож на

    color

    Redimage1

    greenimage2

    greenimage2

    whiteimage6

<sdk:DataGridTemplateColumn  Header="Color" Width="80">
    <sdk:DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <StackPanel Loaded ="StackPanel_Loaded" Orientation="Horizontal" Background="Transparent">
                <TextBlock Text="{Binding Color}" TextWrapping="NoWrap" HorizontalAlignment="Center" Foreground="Blue"></TextBlock>
                <Image x:Name="imgTargetScore" Source ="{Binding ColorImage}" Width="20" Height="20" Stretch ="Fill"/>
            </StackPanel>
        </DataTemplate>
    </sdk:DataGridTemplateColumn.CellTemplate>
</sdk:DataGridTemplateColumn>

ожидая решения

спасибо заранее

принц

Answer 1

Вам нужно добавить немного Margin в ваш TextBlock и / или Image:

<TextBlock Text="{Binding Color}" Margin="0,0,5,0" TextWrapping="NoWrap" HorizontalAlignment="Center" Foreground="Blue" />

В этом примере поле в 5 пикселей размещается справа от TextBlock. Если вы хотите, чтобы ваши изображения располагались вертикально, вы можете также сделать TextBlock установленной шириной, по умолчанию он будет иметь длину, равную тексту в нем.