如何将图像添加到DataGridTemplateColumn头 [英] How to add an image to a DataGridTemplateColumn header

问题描述

我有一个Datagrid与一些DataGridTemplateColumns。其中一个是费用（见下面的代码）。列标题是Costs。现在我想要一个图像在标题成本的右侧。如何做到这一点？

 < DataGrid 
 ItemsSource ={Binding AvailableNetworkInterfaces}
 SelectedItem ={Binding SelectedItemProperty}> 
 
< DataGrid.Columns> 
 
< DataGridTemplateColumn Header =CostsWidth =100x：Name =ColumnCosts> 
< DataGridTemplateColumn.CellTemplate> 
< DataTemplate> 
< TextBox Width =80Text ={Binding Dollar，Mode = OneWay}/> 
< / DataTemplate> 
< /DataGridTemplateColumn.CellTemplate> 
< / DataGridTemplateColumn> 
 
< /DataGrid.Columns> 
< / DataGrid> 
  

解决方案

  DataGrid 
 ItemsSource ={Binding AvailableNetworkInterfaces}
 SelectedItem ={Binding SelectedItemProperty}> 
 
< DataGrid.Columns> 
 
< DataGridTemplateColumn Width =100x：Name =ColumnCosts> 
< DataGridTemplateColumn.Header> 
< Stackpanel> 
< TextBlock Text =Costs/> 
< Image Source =... \/> 
< / Stackpanel> 
< /DataGridTemplateColumn.Header 
< DataGridTemplateColumn.CellTemplate> 
< DataTemplate> 
< TextBox Width =80Text ={Binding Dollar，Mode = OneWay}/> 
< / DataTemplate> 
< /DataGridTemplateColumn.CellTemplate> 
< / DataGridTemplateColumn> 
 
< /DataGrid.Columns> 
  

I have a Datagrid with some DataGridTemplateColumns. One of them is for the costs (see code below). The column heading is Costs. Now I want a image at the right side of the heading Costs. How can I do that?

<DataGrid     
        ItemsSource="{Binding AvailableNetworkInterfaces}"   
        SelectedItem="{Binding SelectedItemProperty}">

    <DataGrid.Columns>

    <DataGridTemplateColumn Header="Costs" Width="100" x:Name="ColumnCosts">
        <DataGridTemplateColumn.CellTemplate>
            <DataTemplate>
                <TextBox Width="80" Text="{Binding Dollar, Mode=OneWay}"/>
            </DataTemplate>
        </DataGridTemplateColumn.CellTemplate>
    </DataGridTemplateColumn>

    </DataGrid.Columns>
</DataGrid>

解决方案

<DataGrid     
    ItemsSource="{Binding AvailableNetworkInterfaces}"   
    SelectedItem="{Binding SelectedItemProperty}">

<DataGrid.Columns>

<DataGridTemplateColumn Width="100" x:Name="ColumnCosts">
    <DataGridTemplateColumn.Header>
       <Stackpanel>
          <TextBlock Text="Costs"/>
          <Image Source="...\" />
       </Stackpanel>
    </DataGridTemplateColumn.Header
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <TextBox Width="80" Text="{Binding Dollar, Mode=OneWay}"/>
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

</DataGrid.Columns>

这篇关于如何将图像添加到DataGridTemplateColumn头的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！