You can have a glance on the following links to achieve your requirements.
This in-built feature allows you to have additional header rows that span across grid columns.
You can group desired columns under each header row. These stacked header rows can be rearranged
by a simple drag-and-drop action.
By using this stacked header you can achieve Timeline grid.
Please refer the following sample for your reference. VirtualModeAndStackedHeader-1738488116.zip
Covered cells allow you to treat a rectangular collection of cells as a single cell. The properties of a covered
range are determined by the properties of the cell in the upper-left corner of the range.
You can use covered cells to implement the non-divided columns as in your samples.
Please refer this following location for samples installed in your machine.
\WPF\Grid.WPF\Samples\3.5\WindowsSamples\Appearance\Covered Cell Demo\CS
Help Documents http://help.syncfusion.com/ug_82/WPFUI_Grid/QueryCoveredRange.html http://help.syncfusion.com/ug_82/WPFUI_Grid/CoveredRanges.html
This Querycellinfo event is used to customize the cells in the grid control.
You can handle this event as follows
this.dataGrid.Model.QueryCellInfo += new GridQueryCellInfoEventHandler(Model_QueryCellInfo);
void Model_QueryCellInfo(object sender, GridQueryCellInfoEventArgs e)
GridDataTableStyleInfoIdentity style = e.Style.CellIdentity as GridDataTableStyleInfoIdentity;
if (e.Cell.ColumnIndex == 3 && style.TableCellType == GridDataTableCellType.UnboundColumnCell)
var value = this.dataGrid.Model.Table.GetUnboundValue(e.Cell.RowIndex, e.Cell.ColumnIndex);
if (value != null)
double val = double.Parse(value.ToString());
if (val > 500)
e.Style.Foreground = Brushes.Red;
Help Documents http://help.syncfusion.com/ug_82/WPFUI_Grid/QueryCellInfoAndCommitCellInfo.html
You can achieve your requirements by using the above features.
Please let us know if you need any more information.