Custom header using CompositeCell or AbstractCell

[kretel]

Hi,

I am trying to build a custom header which have two labels in a header and both are styled differently. For example: 

| header1 - label1 | header2 - label1 |

+-----------------------+------------------------+

| header1 - label2 | header2 - label2 |

Label1 in headers needs to be styled differently than label2. Further label2 needs to be able to trigger column sort on a table. 

I was looking at examples how to build AbstractCells but still can't see how this can be applied to header. 

Does anyone come up with an approach to build Custom header? 

Thanks,

Kris

[kretel]

What I might actually need is to get two rows inserted into theader in CellTable. 

So the header look like this: 

|          | header1 - label1 | header2 - label1 |

+----------+------------------+------------------+

| label    | header1 - label2 | header2 - label2 |

+----------+------------------+------------------+

| foobar   |  1               | image            |

Is there a way to add an extra header row to a CellTable after adding a column with one header? 

Thanks,

Kris

[Ümit Seren]

You can check out this stackoverflow thread for some pointers:

http://stackoverflow.com/questions/6422896/celltable-with-custom-header-containing-searchbox-and-focus-problem 

[kretel]

Thanks for the pointer. I saw it and follow similar pattern, but it does not give you flexible approach to styling differently both rows in the header. 

you also wrote: "[...]  Well I ended up solving this by adding separate SearchBoxes above the CellTable-Header and using CSS to align them to the Header.  [...]" which I am trying to avoid. 

Imagine you provide different language for your app and table headers width/height will change. So css might not work in this case. 

Thanks,

Kris

[Ümit Seren]

I believe that from GWT 2.4 on there a Builder class for making more
advances and sophisticated Headers/Footers. But I haven't tried it
myself.
But I am not sure why it won't give you flexible approach for styling?
You can add a class to the row/cell in the render method of your
Header class.
I agree that my approach is a hack (but there was no easy way to solve
it back then).

> --
> You received this message because you are subscribed to the Google Groups
> "Google Web Toolkit" group.
> To view this discussion on the web visit
> https://groups.google.com/d/msg/google-web-toolkit/-/PToCkdTcDqgJ.
> To post to this group, send email to google-we...@googlegroups.com.
> To unsubscribe from this group, send email to
> google-web-tool...@googlegroups.com.
> For more options, visit this group at
> http://groups.google.com/group/google-web-toolkit?hl=en.

[Andrea Boscolo]

GWT 2.5 will give this opportunity I guess.
Relevant issue is http://code.google.com/p/google-web-toolkit/issues/detail?id=5423#c13

Relevant commits are:
http://gwt-code-reviews.appspot.com/1501803
http://gwt-code-reviews.appspot.com/1499808/

Relevant demos are:
http://showcase2.jlabanca-testing.appspot.com/#!CwCustomDataGrid
http://showcase3.jlabanca-testing.appspot.com/#!CwCustomDataGrid

I you can't wait for the 2.5 release you can use the trunk.