Gridview Overlay

Gridview Overlay

Hi to all, as an asp.net developer and relative jQuery newbie, I have run into a design issue with a project that I am working on.  The requirement that I am working on is as follows:

Display a series of timed activities for a specific day on a grid view with time on the x-axis (in minute / 5 min blocks) and location on the y-axis, I need to show if the activity started / finished - early / on time / late and also timing details for sub activities contained in the main activity.

I have two issues that I need to resolve:

How to either merge data row cells without affecting the spacing of the timing header or lay a div over all the relevant cells

Display the sub activities inside the main activity showing similar timing indicators

At present I have used jQuery to fix the x & y axis headers and I am able to populate the grid with the expected timings of each main activity and I have set the cells contained in each main activity to a different color than the base background color.

Any help would be much appreciated.

Regards

Andrew