Multi-Header spanning columns

Is it possible to define a primary header text to span two columns below it?

|-------------------|-------------------|
| System Title 1 | System Title 2 |
|-------------------|-------------------|
| Sub 1 | Sub 2 | Sub 3 | Sub 4 |
|-------------------|-------------------|
| | | | |
| | | | |


I'd like to be able to sort only on the Sub category headings.


Thanks in advance,


Jon

Check the example in the middle of this thread -

http://www.activewidgets.com/javascript.forum.16298.15/sorting-on-second-header-row.html

Alex,

When I install that example, the main category header structure doesn't stay when I click on the sub-category. Is there a solution that allows the main header to stay intact?

Here is a 'possible' 2.5.1 ver workaround for the mentioned issue.
Adding the lines below seems to do the trick.
HTH

obj.onHeaderClicked = function(){ this.adjustScrollWidth() }

obj.onColumnWidthChanged = function(){ 
        this.timeout(function(){ 
            this.adjustScrollWidth()
        }); 
    }

Sorry, for 2.5.1 you should replace

obj.adjustScrollWidth = function(){...}

with

obj.onColumnWidthChanged = function(){
this.getHeadersTemplate(1, "center").refresh();
};

It's been a while since I was able to play with this. I'm still having trouble customizing this for my application.

I'd like to be able to open a grid from an XML file - I was able to do this with the standard grid control functions, how can I do this with the format of this multi-header example?