Data Tables Using TableToClipboard

Table2Clipboard - is a Firefox Addon that allows you to copy and paste table information from the Web right into your favorite database program or web editor. You select rows and columns from a table simply by pressing and holding the Control key and picking rows/columns with left mouse button. The selection can then be copied to the clipboard and pasted into Excel, FrontPage, Expression Web or NVU. You get the table without all of the extra code.

You must have Firefox open to download and install this program. You should see something like this on the page. Click Install Now. If you do not already have Firefox installed on your system, you can download it

Once the program has installed, restart Firefox.

Step 1: Open the site that needs cleaning up in Firefox. Use this as an example to work on.

Step 2: Hold down the CTRL key and select the cells in the table

Select Table Cells Screenshot.

Step 3: Right Click | Copy Table Elements

Step 4: Open FrontPage or Expression Web with new blank page | Right Click | Paste

Cleaned HTML Code - View Source

Step 5: Highlight the first row of cells | Right click | Cell Properties | Check Header Cell
This will change the <td> </td> to <th></th>

Cell Properties Dialogue Box.

Step 6: To add a caption to the table, place the cursor within the table - Table | Insert | Caption

Insert Caption Dialogue Box.

Step 7: In Design View, highlight the text just before the table. Click on Code View and look for your selected text. After that, you should see the code for your table <table> After the word table, hit the space bar and type the word summary="....."

Step 8: Add some styling to your table preferably by using an embedded or external style sheet. Validate your page.

Finished styled page - View source to see the final html code and styling added.

Pat Geary.