comment formater les données dans le DataGridTemplateColumn dans datagrid

Question

c'est mon code xaml où j'ai 2 champs placés sous une colonne modèle.

maintenant je reçois le format de la sortie comme celui-ci afin que je puisse spécifier l'espace betweeen ces 2 colonnes

Color 

red  image1 

green  image2 

green  image2 

white  image6 

de sorte que la production semble bon.

Comment définir l'espace entre eux pour qu'il ressemble au-dessus d'un

sortie en ce moment THW est comme ça

 
    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> 

loking en avant pour une solution

merci en avance

prince

Answer 1

Vous devez mettre un peu de Margin sur votre TextBlock et/ou contrôle de l'image:

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

Cet exemple met une marge de 5px sur le bord droit du TextBlock. Si vous souhaitez que vos images soient alignées verticalement, vous pouvez également faire en sorte que le TextBlock ait une largeur définie, par défaut, il ne doit contenir que le texte.