Column headers with titles (etc.)
It is often useful to have headers in each column, displaying a title (and maybe other things).
For instance, in my app I'm showing a taxonomic hierarchy for a grocery store chain, and users need to see the (somewhat confusingly named) levels of the hierarchy:
- Department Group
- Department
- Merchandising Group
- Merchandising Category
- Merchandising Class
A kludgey solution would be to put a table (or anything else) above the <div id="columns"></div>, and force the pixel width to match. This is a very fragile solution, however, and will break in all sorts of situations. A better solution would be for hColumns to support column headers. The column headers would probably be divs that could simply contain text (for a title) but could also contain icons or whatever else is useful in a given situation.
The default styling should be nice enough to use for 99% of situations, but should (of course) be easy to override or replace.