How do you merge cells in a Flex Datagrid?

Question

Is there any way to merge cells (vertically and/or horizontally) in a datagrid? At least, for example, is there a way to show that certain datagridcolumns belong to one group.

For example, I'll take three columns: column1, column2, column3. All these three should be grouped to the Category cell with a rowspan of 3 -- a "super header" if you will.

Thanks, let me know.

Solution

This should create a Split Header according to Alex Harui:

http://blogs.adobe.com/aharui/2007/03/thinking_about_item_renderers_1.html

http://blogs.adobe.com/aharui/SplitColumns/dg.swf

Similarly, instead of trying to merge two cells horizontally: try splitting one cell into two cells using and itemRenderer for the dataGridColumn.