How to display image in datagridview multiple rows in c# .net windows aplication?

Question

5.00/5 (1 vote)

See more:

Hello,

I am using this code for image display but same images are displaying in all rows, but my images are different for every row.

C#

private void CreateColumns()
        {
            DataGridViewImageColumn imageColumn;
            Bitmap bmpImage = null;
            imageColumn = new DataGridViewImageColumn();
            
            for (int i = 0; i < dgvDisplayTiles.Rows.Count;i++ )
            {

                bmpImage = (Bitmap)Image.FromFile(Application.StartupPath + dgvDisplayTiles.Rows[i].Cells[3].Value.ToString(), true);
                imageColumn.Image = bmpImage;
                imageColumn.ImageLayout = DataGridViewImageCellLayout.Stretch;
                
                //dgvDisplayTiles.Rows.Add();
                dgvDisplayTiles.Rows[i].Cells[3].Value = bmpImage;
                dgvDisplayTiles.Rows[i].Height = 100;
                
            }
            dgvDisplayTiles.Columns.Add(imageColumn);

        }

Please help me, how can display different type of images in all rows.

Thanks in Advance.

Ankit Agarwal
Software Engineer

Posted 7-Dec-13 1:26am

ankit.agg1984

Updated 7-Dec-13 2:19am

Vishal Pand3y

v4

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

TnTinMn · Answer 1 · 2013-12-07T07:18:00

You are assigning each loaded image to the same value "imageColumn.Image" and then trying to assign bmpImage to dgvDisplayTiles.Rows[i].Cells[3].Value that presumably is a TextColumn (not good). Add imageColumn to the dgvDisplayTiles before your loop. Delete the assigment to "imageColumn.Image"
Then change your assignment to:

dgvDisplayTiles.Rows[i].Cells[imageColumn.DisplayIndex].Value = bmpImage;

Vishal Pand3y · Answer 2 · 2013-12-07T02:34:00

Solution 2

Hey Ankit try This,

C#

private void CreateColumns()
    {
        var imageColumn = new DataGridViewImageColumn();

        object dgvDisplayTiles;
        for (var i = 0; i < dgvDisplayTiles.Rows.Count; i++)
        {
            var bmpImage = (Bitmap)Image.FromFile(Application.StartupPath + dgvDisplayTiles.Rows[i].Cells[3].Value.ToString(), true);
            imageColumn.Image = bmpImage;
            imageColumn.ImageLayout = DataGridViewImageCellLayout.Stretch;
            imageColumn.Dispose();
            //dgvDisplayTiles.Rows.Add();
            dgvDisplayTiles.Rows[i].Cells[3].Value = bmpImage;
            dgvDisplayTiles.Rows[i].Height = 100;
            dgvDisplayTiles.Columns.Add(imageColumn);
            
        }
    }

Posted 7-Dec-13 2:34am

Vishal Pand3y

Updated 7-Dec-13 2:47am

v4

Comments

[no name] 7-Dec-13 8:37am

Sorry buddy, same issue.
Problem not solved.

[no name] 7-Dec-13 8:42am

Index was out of range. Must be non-negative and less than the size of the collection.
Parameter name: index

Vishal Pand3y 7-Dec-13 8:48am

sry for previous answer see my updated Solution
actually what you are doing is adding only 1 image in that grid move last line in the loop it will solve your problem :)

Vishal Pand3y 7-Dec-13 9:05am

is this working if not let me know @ankit...

[no name] 9-Dec-13 0:16am

i m using this code but it's showing error:-
var imageColumn = new DataGridViewImageColumn();

for (var i = 0; i < dgvDisplayTiles.Rows.Count; i++)
{
var bmpImage = (Bitmap)Image.FromFile(Application.StartupPath + dgvDisplayTiles.Rows[i].Cells[3].Value.ToString(), true);
imageColumn.Image = bmpImage;
imageColumn.ImageLayout = DataGridViewImageCellLayout.Stretch;
imageColumn.Dispose();
dgvDisplayTiles.Rows[i].Cells[3].Value = bmpImage;
dgvDisplayTiles.Rows[i].Height = 100;
dgvDisplayTiles.Columns.Add(imageColumn);
}

Error:- Provided column already belongs to the DataGridView control.

**Jaydeep Jadav** · Answer 3 · 2013-12-07T02:09:00

Solution 1

use following before for loop start a new loop or before assigning a value to bmpImage in starts of for loop

C#

bmpImage.dispose();

or

C#

bmpImage = null;

Posted 7-Dec-13 2:09am

Jaydeep Jadav

Comments

[no name] 7-Dec-13 8:32am

I have writen this code but my problem not solved.
private void CreateColumns()
{
DataGridViewImageColumn imageColumn;
Bitmap bmpImage = null;
imageColumn = new DataGridViewImageColumn();

for (int i = 0; i < dgvDisplayTiles.Rows.Count;i++ )
{
if (bmpImage != null)
{
bmpImage.Dispose();
}
bmpImage = (Bitmap)Image.FromFile(Application.StartupPath + dgvDisplayTiles.Rows[i].Cells[3].Value.ToString(), true);
imageColumn.Image = bmpImage;
imageColumn.ImageLayout = DataGridViewImageCellLayout.Stretch;
dgvDisplayTiles.Rows[i].Cells[3].Value = bmpImage;
dgvDisplayTiles.Rows[i].Height = 100;

}
dgvDisplayTiles.Columns.Add(imageColumn);

}