Multiple colspan in a header row - I need help
Hello,
I have read the solution you offered in
http://www.activewidgets.com/javascript.forum.16298.7/sorting-on-second-header-row.html
What I need is to actually have 3 colspaned cells. However, I am having dificulty displaying the header row text in the second and third cell that spans over multiple cells. Please help.
Here is a portion of my code:
<code>
..........
obj.defineHeaderProperty("span", 1);
obj.setHeaderTemplate(new AW.Grid.Header2);
obj.setHeaderIndices([1,0]);
obj.setHeaderCount(2);
obj.setHeaderSpan(6, 1, 1); // col-1 spans across 6 columns
obj.setHeaderSpan(0, 2, 1); // col-2 span=0 (hidden)
obj.setHeaderSpan(0, 3, 1); // col-3 span=0 (hidden)
obj.setHeaderSpan(0, 4, 1); // col-4 span=0 (hidden)
obj.setHeaderSpan(0, 5, 1); // col-5 span=0 (hidden)
obj.setHeaderSpan(0, 6, 1); // col-6 span=0 (hidden)
obj.setHeaderSpan(6, 7, 7); // col-7 spans across 6 columns
obj.setHeaderSpan(0, 8, 7); // col-8 span=0 (hidden)
obj.setHeaderSpan(0, 9, 7); // col-9 span=0 (hidden)
obj.setHeaderSpan(0, 10, 7); // col-10 span=0 (hidden)
obj.setHeaderSpan(0, 11, 7); // col-11 span=0 (hidden)
obj.setHeaderSpan(0, 12, 7); // col-12 span=0 (hidden)
obj.setHeaderSpan(6, 13, 13); // col-13 spans across 6 columns
obj.setHeaderSpan(0, 14, 13); // col-14 span=0 (hidden)
obj.setHeaderSpan(0, 15, 13); // col-15 span=0 (hidden)
obj.setHeaderSpan(0, 16, 13); // col-16 span=0 (hidden)
obj.setHeaderSpan(0, 17, 13); // col-17 span=0 (hidden)
obj.setHeaderSpan(0, 18, 13); // col-18 span=0 (hidden)
obj.setHeaderText(["Trader","30 Nov","3 Dec","4 Dec","5 Dec","6 Dec","Total","30 Nov","3 Dec","4 Dec","5 Dec","6 Dec","Total","30 Nov","3 Dec","4 Dec","5 Dec","6 Dec","Total"],0);
obj.setHeaderText(["","Number of Natural Supers","Number Of Shares","Notional Dollar Amount Of IOI"], 1);
..........
</code>
I have read the solution you offered in
http://www.activewidgets.com/javascript.forum.16298.7/sorting-on-second-header-row.html
What I need is to actually have 3 colspaned cells. However, I am having dificulty displaying the header row text in the second and third cell that spans over multiple cells. Please help.
Here is a portion of my code:
<code>
..........
obj.defineHeaderProperty("span", 1);
obj.setHeaderTemplate(new AW.Grid.Header2);
obj.setHeaderIndices([1,0]);
obj.setHeaderCount(2);
obj.setHeaderSpan(6, 1, 1); // col-1 spans across 6 columns
obj.setHeaderSpan(0, 2, 1); // col-2 span=0 (hidden)
obj.setHeaderSpan(0, 3, 1); // col-3 span=0 (hidden)
obj.setHeaderSpan(0, 4, 1); // col-4 span=0 (hidden)
obj.setHeaderSpan(0, 5, 1); // col-5 span=0 (hidden)
obj.setHeaderSpan(0, 6, 1); // col-6 span=0 (hidden)
obj.setHeaderSpan(6, 7, 7); // col-7 spans across 6 columns
obj.setHeaderSpan(0, 8, 7); // col-8 span=0 (hidden)
obj.setHeaderSpan(0, 9, 7); // col-9 span=0 (hidden)
obj.setHeaderSpan(0, 10, 7); // col-10 span=0 (hidden)
obj.setHeaderSpan(0, 11, 7); // col-11 span=0 (hidden)
obj.setHeaderSpan(0, 12, 7); // col-12 span=0 (hidden)
obj.setHeaderSpan(6, 13, 13); // col-13 spans across 6 columns
obj.setHeaderSpan(0, 14, 13); // col-14 span=0 (hidden)
obj.setHeaderSpan(0, 15, 13); // col-15 span=0 (hidden)
obj.setHeaderSpan(0, 16, 13); // col-16 span=0 (hidden)
obj.setHeaderSpan(0, 17, 13); // col-17 span=0 (hidden)
obj.setHeaderSpan(0, 18, 13); // col-18 span=0 (hidden)
obj.setHeaderText(["Trader","30 Nov","3 Dec","4 Dec","5 Dec","6 Dec","Total","30 Nov","3 Dec","4 Dec","5 Dec","6 Dec","Total","30 Nov","3 Dec","4 Dec","5 Dec","6 Dec","Total"],0);
obj.setHeaderText(["","Number of Natural Supers","Number Of Shares","Notional Dollar Amount Of IOI"], 1);
..........
</code>
Adriana
December 19,