ColSpan for Silverlight Datagrid

Question

Hello Experts

I have a need to customize a Datagrid, for a TimeManagement system, using rowspawns. My desired look is something like:

Customers| Projects  | Tasks  | Moanday | Tuesday | Wednesday | Thursday | Friday |
         |           | Task 1 |   0     |   0     |    0      |    0     |   0    |
Customer1| Project 1 | Task 2 |   0     |   0     |    0      |    0     |   0    |
         |           | Task 3 |   0     |   0     |    0      |    0     |   0    |

Preferebly, i would like to be able to just give the DataGrid.ItemSource a List of Customers and it should work based on that. My current Model is

    public class Customer
    {
       public string Name{get; set;}
       public List<Project> Projects{ get; set;}
    }
    public class Project
    {
       public string Name {get; set;}
       public List<Task> Tasks{ get; set; }
    }
    public class Task
    {
       public string Name { get; set;}
       public Week Week { get; set; }
    }
    public class Week 
    {
       public double Monday { get; set; }
       ...
    }

• I would like the Customer Cell to have a rowspan over all of its project rows.
• I would like the Project cell to have a rowspan over all of its task rows.
• And, most importantly, i need the user to be able to navigate around using the arrowkeys on the keyboard.

My first attempt was to create new datagrids inside cells of another datagrid. It seems a user is not able to navigate from one datagrid to another using the arrowkeys.

Any help is much appreciated.

Answer 1

Take a look at the "RowDetailsTemplate" in the DataGrid. It's a section that can be expanded beneath a row. Inside the RowDetailsTemplate you can add whatever you need, such as a grid or even a datagrid. Set the RowDetailsVisibilityMode attribute to Visible, and it will always be shown.

Good luck.

--Matt