C#: Add Select All, Deselect All Checkbox In Column Header In DataGridView Control

Posted by tech on

November 17, 2008


Adding controls to your DataGridView like a checkbox as a column is possible with the use of the DataGridViewCheckboxColumn class. This post assumes that you are using the DataGridView control in a Windows.Form application and that your gridview object can already populate data into it. The purpose of this post is to add a column containing checkboxes including a header checkbox, used to select and deselect all in one click.

The name of our DataGridView control is list. To add a checkbox column into the gridview control, use the following code below inside your className_Load() method.

?View Code CSHARP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

// customize dataviewgrid, add checkbox column
DataGridViewCheckBoxColumn checkboxColumn = new DataGridViewCheckBoxColumn();
checkboxColumn.Width = 30;
checkboxColumn.DefaultCellStyle.Alignment = DataGridViewContentAlignment.MiddleCenter;
list.Columns.Insert(0, checkboxColumn);
 
// add checkbox header
Rectangle rect = list.GetCellDisplayRectangle(0, -1, true);
// set checkbox header to center of header cell. +1 pixel to position correctly.
rect.X = rect.Location.X + (rect.Width / 4);
 
CheckBox checkboxHeader = new CheckBox();
checkboxHeader.Name = "checkboxHeader";
checkboxHeader.Size = new Size(18, 18);
checkboxHeader.Location = rect.Location;
checkboxHeader.CheckedChanged += new EventHandler(checkboxHeader_CheckedChanged);
 
list.Controls.Add(checkboxHeader);

The method that does the selecting and deselecting of all checkboxes within the checkbox column is made possible with the CheckedChanged event. We add an event handler for this to make it work.

?View Code CSHARP
1
2
3
4
5
6

private void checkboxHeader_CheckedChanged(object sender, EventArgs e) {
    for (int i = 0; i < list.RowCount; i++) {
	list[0, i].Value = ((CheckBox) list.Controls.Find("checkboxHeader", true)[0]).Checked;
    }
    list.EndEdit();
}

That’s all there is to it. If you may wonder how to make the checkbox header align to the center, the code that makes that happen is the part where there is a Rectangle object used.

?View Code CSHARP
1
2
3
4

// add checkbox header
Rectangle rect = list.GetCellDisplayRectangle(0, -1, true);
// set checkbox header to center of header cell. +1 pixel to position correctly.
rect.X = rect.Location.X + (rect.Width4);

I divided the cell area’s width by 4 instead of 2 because I had to take into account the checkbox header’s width value. By the way, you also need to set the DataGridView control’s AutoSizeColumnsMode property to Fill so that all any empty spaces within the DataGridView control will be occupied

Donations appreciated. Every little $ helps. Or click Google +1

Related Posts with Thumbnails

tags: , ,

20 Responses to “C#: Add Select All, Deselect All Checkbox In Column Header In DataGridView Control”

  1. 1
    Prasy Says:
    January 30th, 2009 at 11:03 am

    Can i get the code to find the rows which are selected?

    Thanks
    Prasy

  2. 2
    tech Says:
    February 1st, 2009 at 7:48 pm

    hey prasy, you can use this.

    for (int i=0; i if (Convert.ToBoolean(dgv.Rows[i].Cells[0].Value)) {
    // do anything here if checkbox is clicked
    }
    }

    where dgv is the name of the datagridview. and 0 is the first column where all your checkbox contains. this was the code i used in my project which was for the delete button.

  3. 3
    Shyam Says:
    May 5th, 2009 at 4:11 am

    Hi,

    Can you please tell how we can check/unceck the checkbox of particular column. And after selecting the checkbox as checked how can we retrieve tha row data and display it on a pannel.

    Thanks,
    Shyam

  4. 4
    tech Says:
    May 5th, 2009 at 4:30 am

    shyam, hi

    sorry i have not used c# for quite some time now. you can check the properties of the column in the help section and look which property gives what you need

    dgv.Rows[i].Cells[0]

    where dgv is the datagridview object, rows[i] is the row and cells[0] is the 1st column of the row since its index is zero.

  5. 5
    Shyam Says:
    May 6th, 2009 at 7:05 am

    Hi,
    Thnks for your quick reply..

    I am having a datagrid in which I am able to read data from my text file. And I have also created 0th coloumn as my checkbox column. I am able to select all the check boxes when I click the header checkbox. But I too want to select single checkbox at a time, which I am not able to do.. After clicking the particular check box I want to display each column of the particular row into the textboxes.

    Can you please tell me some logic for this.

    Thanks,
    Shyam

  6. 6
    tech Says:
    May 6th, 2009 at 8:26 am

    hi shyam, im sorry i cannot help you with this though, i have stopped c# development since i was done with a personal project that I was doing.

    what i can tell you though is that, if you have the documentation for c# api, you will know which property to use to detect which checkbox exactly was clicked. sorry i could not be of help as my laptop is running on mac os and i just deleted ms visual studio and its docs in my xp virtual machine

  7. 7
    Madan Says:
    July 8th, 2009 at 3:40 am

    C#: Add Select All, Deselect All Checkbox In Column Header In DataGridView Control

    Thanks …. it’s working good.. but the first row of check box is in select mode but not in check…

  8. 8
    Merill Says:
    August 20th, 2009 at 5:50 am

    To fix the first cell not showing the selection add a call to RefreshEdit in the event handler.

    List.EndEdit();
    List.RefreshEdit();

  9. 9
    Andrews Bose Says:
    February 2nd, 2010 at 11:48 pm

    Thanks,
    This is working fine.

  10. 10
    tech Says:
    February 2nd, 2010 at 11:52 pm

    glad it helped you

  11. 11
    tech Says:
    February 2nd, 2010 at 11:53 pm

    @merill: thanks for that tip

  12. 12
    mohammed Says:
    August 6th, 2010 at 3:51 pm

    hi,
    nice articles i have a question. what should be code in c# .net when gridview1 column5 data is the same as the gridview2 column2 data, now when the gridview1 column edit index change edit button is clicked, the edit index should check all the column2 values in the gridview2 and if matches the corresponding column value should be checked……………….please help me how to do this……….i am punished for not doing this……………..plz

  13. 13
    james Says:
    December 4th, 2010 at 9:33 pm

    This is great but what if I want to check only 1 or more checkbox?

  14. 14
    tech Says:
    December 4th, 2010 at 9:35 pm

    just use the same code and modify it. since the code loops through all checkboxes, you can change it when the checkbox index number matches the one you want to select/deselect

  15. 15
    james Says:
    December 4th, 2010 at 9:43 pm

    Perfect. Thank you.

  16. 16
    yesow Says:
    February 19th, 2011 at 9:27 pm

    Hi. I think theres a problem in adding the checkbox header inside the gridview. My datagridview has a vertical scroll bar and when I scroll farther to the right, the checkbox header doesn’t stick to its position, It always follows whenever I used the scroll bar. How can I resolve this?

  17. 17
    tech Says:
    February 20th, 2011 at 8:33 am

    @yesow: hi dude, sorry i don’t do c# nowadays.

  18. 18
    Santosh Says:
    June 22nd, 2011 at 4:33 am

    Thank you. It useful to me.

  19. 19
    Info Tech Says:
    August 21st, 2011 at 11:33 am

    This code very usefull.. How to add “Delete” code based on this code?
    So, if I checked on the selected row, then the data will be deleted from tha datagridview also from database…

    Thanks in advance…

  20. 20
    Muhammad Says:
    November 8th, 2011 at 10:17 pm

    Just add the following line:
    list.Columns["checkboxHeader"].Frozen = true;

    before
    list.Controls.Add(checkboxHeader);

    It should stop the check box in the header to move when the user scroll horizontally

Leave a Reply

Spam protection by WP Captcha-Free

 

© 2008 - Tech Tips Tricks - Design by WpThemeDesigner.