hColumns icon indicating copy to clipboard operation
hColumns copied to clipboard

Column headers with titles (etc.)

Open brandonzylstra opened this issue 11 years ago • 0 comments

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.

brandonzylstra avatar Nov 21 '14 18:11 brandonzylstra