Question

I am new to ExtJS and cannot seem to figure out how to group columns with its own header. An example of what I’m trying to accomplish is below:

+-----------------------+-----------------------+
|        Group 1        |        Group 2        |
+-------+-------+-------+-------+-------+-------+
| col1  | col2  | col3  | col4  | col5  | col6  |
+-------+-------+-------+-------+-------+-------+
|                                               |
|                 data goes here                |
|                                               |
+-----------------------------------------------+

Obviously, by default I can get col1 through col6 as they are the standard columns. However, I want to add the group names above them. How would I go about doing this or is there a resource that already shows how to do this? I have searched Google for about an hour with no prevail. Thanks in advance for your help!

Answer 1

It looks like you are looking for the pivot grid:

http://dev.sencha.com/deploy/dev/examples/pivotgrid/simple.html