New Screencast: Table Styling 2, Fixed Header and Highlighting
Just a couple of quick tricks, from scratch, on coding up tables. We use the proper semantic tags for a table header and then set it to a fixed position so when scrolling the table the header is always visible. Then we implement row AND column highlighting with a bit of semi-clever JavaScript.
Related Submissions:
- TinyTable JavaScript Table Sorter - 2.5KB This table sorter script is easy to use and feature packed at only 2.5KB. Features include column and alternate row highlighting, header class toggling, auto...
- Fixed Header & Footer Layout: A Beginner’s Guide Getting a fixed header and footer working in IE6 can seem quite daunting. In this tutorial we’ll not only get it working in all the...
- JavaScript Table Sorter This JavaScript table sorting script is easy to use, fast and lightweight at only 1.7KB. It includes alternate row formatting, header class toggling, auto data...
- Top 10 CSS Table Designs 10 different techniques for formatting a simple table with nice results. Horizontal and vertical zebra, “newspaper” style, background images, header highlighting, etc. ...
- 9 Useful Javascript Syntax Highlighting Scripts Syntax highlighting is very important especially you run a tutorial blog that has a lot of code examples. Proper highlighting your code will make your...