Sticky Table Row

I’ve finally gotten around to making an example page of a technique I coded for Arena PLM, dubbed the Sticky Table Row. The example should be all the explanation you need. For some reason it’s broken in Safari/Mac right now (but, oddly, not in Safari/Win) but I hope to fix that soon.

I’m not entirely satisfied with it yet so I’m going to add the following modifications soon:

  • If the table is scrolled off the bottom of the page, the bar should no longer float
  • Identification of the table by a single class, not two id’s
  • A bit of transparency to imply to the user that the bar is not actually the bottom of the page

But you get the idea.

UPDATE (07/04/2007): I’ve made the modifications: the command bar now has some slight transparency using a transparent PNG, the script compensates if the whole table is off the bottom of the screen (although this is not demonstrated on the demo page), and the script now uses a single class to identify command bars and goes from there. Also, the example page works fine in the WebKit nightly build so I assume it will work with the next Safari/Mac update.

Leave a Reply