Giter VIP home page Giter VIP logo

hcolumns's People

Contributors

bu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

hcolumns's Issues

Multiple uses on 1 page

I have a page with 3 tabs and 2 of the tabs would ideally use hColumns.

Right now, despite having different IDs (eg: #skills, #colors), once the page finishes loading, all of the columns are ending up in the 2 second instance.

Both are initiated from separate JS calls and return different data from each other.

Has anyone got suggestions?

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.

Default value

Thank you for this plugin. Very useful!
Is it possible to make default selection of some particular element of the tree (on page load)?

Can't use the ajax example in the main demo page

Hello there, I hope that somedy have found a way to use an ajax call to use the file manager.
At the end I need to load a first row of files then with some ajax call, load a new branch of the tree and so on..

As i can't use the example and havent figured out a way to use this correctly i'm trying to ask for you guys if you have a solution..
Thanks a lot, have a nice day.

Big Tata

Sizing on smaller screens

This model doesn't scale down on smaller screens.

Perhaps each section could have a title that would could be displayed vertically and already selected columns could collapse with just the title of that section displayed. Clicking on it could open it up. This would allow for deeper layers of navigation with less ackward scrolling.

Keyboard navigation

The first thing I tried with the demo was to select an item and see if I could navigate to others using the keyboard. Perhaps this is not worthwhile to implement, but it could be a practical way to navigate.

(More advanced: Also allow typing to jump to an entry, like Finder.app.)

Link Broken

Hey home page link is broken. Please fix it at the earliest.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.