DataGrid shows path of image instead of image itself

by

first of all, DataGrid generate DataGridTextColumns by default and we have to use AutoGeneratingColumn event to change type of column. We need to use DataGridTemplateColumn which contains Image in template (image source should be bound to correct DataTable column). The best place to define template is in Resources.

here is how the issue can be solved:

xaml part

<DataGrid Name="ChannelDataGrid" AutoGeneratingColumn="ChannelDataGrid_OnAutoGeneratingColumn">

    <DataGrid.Resources>
        <DataTemplate x:Key="ImgCell">
            <Image Source="{Binding Path=Img}"/>
        </DataTemplate>
    </DataGrid.Resources>        
</DataGrid>

code:

private void InitializeDataTable()
{
    System.Data.DataTable DataTable = new System.Data.DataTable
    {
        Columns = {"Test #", "Img", "Min Range", "Max Range", "Result"}
    };

    Uri uri = new Uri(@"C:/Users/User/Desktop/szagdoga/error.png");

    for (int i = 6; i < 50; i++)
        DataTable.Rows.Add(ExcelFile[0, i], uri, ExcelFile[1, i], 0, 0);

    ChannelDataGrid.ItemsSource = DataTable.DefaultView;
}

private void ChannelDataGrid_OnAutoGeneratingColumn(object sender, DataGridAutoGeneratingColumnEventArgs e)
{
    if (e.PropertyName == "Img")
    {
        // replace text column with image column
        e.Column = new DataGridTemplateColumn
        {
            // searching for predefined tenplate in Resources
            CellTemplate = (sender as DataGrid).Resources["ImgCell"] as DataTemplate,
            HeaderTemplate = e.Column.HeaderTemplate,
            Header = e.Column.Header
        };
    }
}

More Related Contents:

  1. How to get ToolTip from WPF Data Grid Column Header (DataGridTemplateColumn) in code?
  2. Change DataGrid cell colour based on values
  3. Accessing UI (Main) Thread safely in WPF
  4. programmatically add column & rows to WPF Datagrid
  5. Select multiple items from a DataGrid in an MVVM WPF project
  6. How to bind DataTable to Datagrid
  7. Datagrid binding in WPF
  8. DataGrid get selected rows’ column values
  9. WPF iterate through datagrid
  10. How can I set the color of a selected row in DataGrid
  11. Improve WPF DataGrid performance
  12. How to hide wpf datagrid columns depending on a property
  13. DataGrid column width doesn’t auto-update
  14. WPF Datagrid Get Selected Cell Value
  15. Data is visible in DataSet visualizer but does not show in a DataGrid
  16. How to loop over the rows of a WPF toolkit Datagrid
  17. Button in a column, getting the row from which it came on the Click event handler
  18. Merge Cells in WPF DataGrid
  19. DataGrid row content vertical alignment
  20. WPF DataGrid: DataGridComboxBox ItemsSource Binding to a Collection of Collections
  21. FindVisualChild reference issue
  22. OpenClipboard failed when copy pasting data from WPF DataGrid
  23. How do I bind a List to a WPF DataGrid?
  24. ScrollIntoView for WPF DataGrid (MVVM)
  25. Binding datagrid column width
  26. WPF DataGrid – Event for New Rows?
  27. How to set background of a datagrid cell during AutoGeneratingColumn event depending on its value?
  28. How to bind column header to property in ViewModel? (WPF MVVM)
  29. Add context menu in datagrid, how to get the select Item value
  30. WPF DataGrid CustomSort for each Column

Leave a Comment