Hide and Restore Rows and Columns | JavaScriptSource

Hide and Restore Rows and Columns

Rob Stehle Mar 30, 2007

General

This script displays a table and allows the user to remove and restore both rows and columns. This allows the user to remove the details and products that he is not interested in.


  close close close close
Product SKU CPU RAM HD
close Desktop DT103 3.2 MHz 1 GB 120 GB
close Laptop LT455 2.6 MHz 512 MB 80 GB
close Palm Treo 312 MHz 32 MB n/a
 
 

Notes

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: JS_HideRowCol.js


Head

Paste this code into the HEAD section of your HTML document.


Body

Paste this code into the BODY section of your HTML document


Other

Download the images using the URL below [right-click to save the graphic]:

Leave a Response

(2 comments)

Very nice and useful script

Raja Raman S Apr 3, 2007

This does not quite work that great in Opera. The "restored" row appears outside the original table. [p]Thanks.[br /]Susan

Susan Mar 31, 2007