Grid with Dynamic Number of Rows and Columns Part 1

In the following post, this issue is solved with asynchronous method that updates cell array. Also, other implementation for cells could be used; for example, 2-dimensional array of cells ICellViewModels[][] works well. View model of dynamic data grid contains cell, view and grid sizes, data model for cell set, and collection of collections of cell view models. Grid size, i.e., number of rows and columns, is calculated as view size divided by cell size. As number of rows and columns are integers, real size of cells on the view could not equal to values of cell width and height. Grid size, i.e. number of rows and columns, is calculated as view size divided by cell size.

Once rows and columns are added to Grid, you can add any
contents to Grid cells by using SetRow and SetColumn methods. SetRow and
SetColumn methods take first parameter as the control name and second parameter
as row number and column number respectively. The following code snippet
creates a TextBlock control and displays it in Cell(0,0) that represents the
first row and first column of Grid. Values of color properties are assigned to corresponding properties of CellView control.

Controlling row details visibility

The solution to me was pretty like the ones above, but I had to bind the ItemsSource in the back code. Then, on the .cs file of this page you must create a function with the code below. Connect and share knowledge within a single location that is structured and easy to search.

Dynamic grid is implemented as user control that contains DataGrid control bound to observable collection of collections of cell view models. In this implementation collection of cells is recreated each time if grid width or grid height is changed, and it leads to some application pauses. In the following post this issue is solved with asynchronous method that updates cell array. Also, other implementation for cells could be used, for example, 2-dimensional array of cells ICellViewModels[][] works well. In this implementation, collection of cells is recreated each time if grid width or grid height is changed, and it leads to some application pauses.

Not the answer you’re looking for? Browse other questions tagged wpfxamldynamicuser-controlsgrid or ask your own question.

The post is devoted to the WPF gridview with a dynamically-defined number of rows and columns but all cells have the same width and height. For example, such a grid could be used in chess or checkers games for 8×8 field. The post showcases a WPF datagrid with dynamic columns where the number of rows and columns is defined but all cells have the same size.

As you can see from the resulting screenshot, or if you run the sample yourself, the details are now shown below the selected row. As soon as you select
another row, the details for that row will be shown and the details for the previously selected row will be hidden. Enter your email address to follow this blog and receive notifications of new posts by email. The RemoveAt method of Grid.RowDefinitions deletes a row at
the given position.

WPF: How to dynamically create a grid with x rows and y columns with consecutive numbers

Method analyses necessary changes and remove or add rows and remove or add cell view models to rows. As was mentioned above, the code of this post is based on code from the previous post, so here, we focus on new or changed code. Dynamic grid is implemented as user https://traderoom.info/difference-between-information-and-data/ control that contains DataGrid control bound to observable collection of collections of cell view models. There is an issue with binding to view size – as bindings are executed in single thread, new values of view width and height come in different moments.

• The RemoveAt method of Grid.RowDefinitions deletes a row at
  the given position.
• The Rows and Columns property of the UniformGrid are DependencyProperties, so you could bind them to properties on the DataContext to make them dynamic.
• You can look at the WPF grid example in the image below, which shows a 10×5 grid table.
• In the markup, I have defined a couple of columns and then I use the RowDetailsTemplate to specify a template for the row details.
• Grid size, i.e. number of rows and columns, is calculated as view size divided by cell size.

In addition, in order to prevent too frequent changes of grid sizes if user are resizing window slowly, timer is used in application. The timer is created in the constructor and starts or restarts each time one view height or view width are changed. The post is devoted to the WPF datagrid with cells that have defined fixed size but number of rows and columns is updated dynamically in order to fill all available space. For example, such grid could be used in games at infinite 2D field or implementation of cellular automaton.

Dynamic Grid Control

It must be easy to create the other columns as well, using the same logic that I used to create the Rows. I would try using a listview and change the template to the style you want to use for your elements. This grid will always have consecutive numbers, with a color rectangle in front of it.

Clicking on the gray rectangle will change its color, and set the text to bold (I will deal with these triggers later). I am completely new to wpf and c#, so excuse if this is super trivial question. If you set it to Collapsed, all details will be invisible all the time. If you need WPF to populate datagrid, please refer to the following discussion on Microsoft’s Q&A blog. The Rows and Columns property of the UniformGrid are DependencyProperties, so you could bind them to properties on the DataContext to make them dynamic.

After new cells set is created, collection of cell view models should be updated. In the previous post, this collection was recreated each time and it leads to the application hanging. This issue is solved by asynchronous method of updating current collection. Due to WPF architecture and as dynamic grid user control item source is bound to Cells collection, all changes of this collection is done via Dispatcher. In the application, priority DispatcherPriority.ApplicationIdle is used as it is executed after all data bindings, but other value could be used. In the previous post, this collection was recreated each time and it leads to application hangs.