WPF binding with List of object but index as row and columns

Question

Hallo

Ok we are new to WPF and realised the old DataTable with link as datasource to a datagridView is not possible.

So populated our data in a List of Objects but the objects can be variable based on data we recieve from SQL, the dataGrid needs to be manipulated as a tableMatrix with Rows and Column based on some properties in each of the objects. It also holds a text field for a value to be displayed in the "cell" and also have access to a background colour in one of the properties. (One object example below);

We tried to follow the MVVM pattern, some items might still be in the wrong classes, but learn as we go along. Below is the ViewModel that will create a list of objects based on the model classes.

The question is how to bind this to the XAML so we can have a layout of the objects as per picture below, keep in mind we don't have a fixed Column headers.

Answer 1

I will give you a sample of changing the selected cell's background to Red for you to refer:

 private void dgSourceData_BeginningEdit(object sender, DataGridBeginningEditEventArgs e)  
        {  
            int colindex = -1;  
            int rowindex = -1;  
            colindex = e.Column.DisplayIndex;//Get the selected Column Number  
            rowindex = e.Row.GetIndex();//Get the selected cell Row number  
            DataGridRow row = (DataGridRow)dataGrid.ItemContainerGenerator.ContainerFromIndex(rowindex);//Get the Row   
            DataGridCellsPresenter presenter = GetVisualChild<DataGridCellsPresenter>(row);//Get all cells   
            DataGridCell cell = (DataGridCell)presenter.ItemContainerGenerator.ContainerFromIndex(colindex);//lock the selected cell  
            if (cell != null)  
            {  
                dataGrid.ScrollIntoView(row, dataGrid.Columns[colindex]);  
                cell = (DataGridCell)presenter.ItemContainerGenerator.ContainerFromIndex(colindex);  
                cell.Focus();  
                cell.Background = new SolidColorBrush(Colors.Red);//change the properties of the cell  
            }  
  
        }  
  
        public static T GetVisualChild<T>(Visual parent) where T : Visual  
        {  
            T childContent = default(T);  
            int numVisuals = VisualTreeHelper.GetChildrenCount(parent);  
            for (int i = 0; i < numVisuals; i++)  
            {  
                Visual v = (Visual)VisualTreeHelper.GetChild(parent, i);  
                childContent = v as T;  
                if (childContent == null)  
                {  
                    childContent = GetVisualChild<T>(v);  
                }  
                if (childContent != null)  
                { break; }  
            }  
            return childContent;  
        }  

After edit the cell, you can see as below:

Answer 2

Hi Jacques,
to have control of each of the cells you can use Style and get UI like this:

Forum software deny to show code and deny include Link to my OneDrive.

I uploaded demo project to GitHub: https://github.com/fips1950/VariableColumnDataGrid_jacqueslabuschagne-5550