[thelist] JavaScript/DOM columns solutions/ideas?

Tom Dell'Aringa pixelmech at yahoo.com
Wed Apr 5 11:53:10 CDT 2006

Hi everyone,

I just picked up a new client who is developing a complex financial application, somewhat ajax
like. One aspect involves having a long list of items in 3-4 columns. You'd be able to add/remove
items and have them update dynamically.

The issue is that they are organized *vertically* in columns, not horizontally (they read up and
down, like a newspaper article with columns - not left to right). 

This presents the problem of trying to add/remove one item and have the rest flow correctly to
fill in/add space. Each column has 25 items.

Their original mock has tables. Adding/removing rows is easy in one table, but we'd have 3 or 4 of
them. If i took one out of column two...

I thought of using DIVs or better yet LI elements. But the problem remains - how to get them to
flow across columns. I suppose the whole list could be rewritten but we'd like to avoid that if

I found one article on alistapart for having LIs cross columns, but it's not a great solution that
would present some serious challenges dynamically. 

I realize this is a toughie, In 10 years I've never really seen it done. Any suggestions



Chuck Norris is the reason why Waldo is hiding. 

More information about the thelist mailing list