Products

Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller

Developer

Article Blog Forum Interview Beginner News Startup Quiz

Users

Career

Apply Job Internship

Pricing

Login Sign Up Get a Quote

How to bind the local image in datagrid using wpf?

marcel ethan 7792 08 Aug 2013

I have a datagrid in wpf and I want to show an image in image column. How to do the task?

Please provide a demo if possible.

Any help will be appreciated.

Ask by marcel ethan

Updated 09 Aug 2013

1 Answers

shreesh chandra shukla 09 Aug 2013

Hi!

You can use the below lines of code to show an image in image column of datagrid.

In window.xaml code :-

        <DataGrid AutoGenerateColumns="False" Margin="12" Name="dataGrid1">
            <DataGrid.Columns>
                <DataGridTemplateColumn>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Image Source="{Binding ImageFilePath}" Width="50" Height="50" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>
In window.xaml.cs code :-
public class imageBinding
        {
            public BitmapImage ImageFilePath { get; set; }
        }
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            for (int i = 0; i <= 20; i++)
            {
                dataGrid1.Items.Add(new imageBinding { ImageFilePath = new BitmapImage(new Uri(@"Physical Image File Path           	")) });
            }
        }

thanks!

advertising

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.