How to add rows and columns to a WPF Grid programmatically

Introduction

In this post we will see how to add rows and columns to a Grid in WPF programmatically using code behind. After adding rows and columns to the Grid, we will add some Buttons to it. We will set background of these buttons to random colors using RandomColor class created in my last article

Step:1 Create a new WPF Application

  New WPF Application

Step:2 Give a name to the default Grid in the XAML markup

MyGrid

Step:3

Import System.Reflection in the code behind (Window1.xaml.cs) and add reference to System.Drawing so that we can access System.Drawing.Color in our RandomColor class. And add code of RandomClass in the same namespace

RandomColors in WPF

Step:4

Write following in the Loaded event of Window1

Window_Loaded

ColumnDefinitions.Add and RowDefinitions.Add methods of Grid are used to add a column and a row respectively. A for loop is used to add controls (a Button) in each cell of the Grid. Button is initialized in each loop and its properties are set. Its background color is set using RandomColor class. SetValue method of button is used to specify row and column of the button in the Grid and finally Children.Add method of the Grid is used to add button to the Grid

Conclusion

We have added two rows and two columns to the Grid and we have added a Button control in each cell with a random background color

 Window1_2013-02-01_01-05-11

Thanks for reading!

One thought on “How to add rows and columns to a WPF Grid programmatically

Leave a Reply

Your email address will not be published. Required fields are marked *