Tables are useful for laying out data. They can also be used to control where text and graphics appear on a page. Once you create a table, you can add content, modify cell and row properties, and copy and paste multiple cells.

Tags

<table> </table>

The table tag defines the table. Example attributes to be included are align, border, bgcolor, width, height, nowrap.

<tr> </tr>

Example attributes to be included are valign, bgcolor, width, height, nowrap.

<td> </td>

Example attributes to be included are align, bgcolor, width, height colspan, rowspan, font face, font size.

Rows/Columns

Sets the number of rows and columns of the table.

Cell Pad

The cell padding attribute controls the amount of space between the edge of a cell and its contents, which by default is one pixel.

Cell Space

The cell spacing attribute controls the amount of space between adjacent cells in a table and along the outer edges of cells along the edge of a table.

W (Width)

The width tag allows you to "widen a tag." This number can be absolute (100), or a percentage (100%)

H (Height)

The height tag allows you to recommend a height. This tag will never be "shorter "than the object in the cell.

Border (weight)

Sets the width of the link border around the image in pixels. Enter "0" for no border.

Align

Aligns the table to the browser's left (the default), right or center in 4.0 and later browsers.

V Space(Vertical Space)/H Space (Horizontal Space)

Specify the amount of space, in pixels, to leave around the table.

Border (color)

Sets the width of the border around the table in pixels.

Light Brdr/Dark Brdr

Set border colors that have a highlight and a shadow effect, respectively, to give a three-dimensional appearance to the border.

Brdr

Sets the border color of the entire table.

BG

Use the BG options to set the background image or background color for the table

With a single gesture you can select an entire table, row or column, or a continuous range of cells within a table.

To select an entire table, do one of the following:

• Click the top left corner of the table or anywhere on the right or bottom edge.
• Click once in the table and choose Modify > Table > Select Table
• Click once in the table and choose Edit > Table
• Position the cursor anywhere inside the table and select the <table> tag at the bottom left corner of the Document window.

To select rows or columns, do one of the following:

• Position the cursor at the left margin of a row or at the top of a column. Click when the selection arrow appears.
• Click in a cell and drag across or down to select multiple rows or columns.

To Select one or more cells, do one of the following:

• Click in a cell and drag down or across to another cell.
• Click in one cell and Shift-click another cell. All of the cells within the rectangular region are selected.

To select multiple discontinuous cells do one of the following:

• Press Control(Windows) or Command (Mac) and click in the table to add cells, rows, or columns to the selection.
• Select multiple cells in the table and then press Control (Windows) or Command (Mac) and click cells, rows, or columns to deselect individual cells.

When formatting tables in the document window you can define properties that apply to the entire table or to selected rows, columns, or cells in the table

When the same property is set more that once in a table (like a font tag), it is interpreted in this way: Cell formatting, which is part of the <td> tag, takes precedence over a table row formatting (<tr>), which in turn takes precedence over a table formatting tag (<table>).

To sort the table

Select the table and choose Commands > Sort Table

In the dialog box that appears, choose from the following options:

• Select the column to sort in the Sort By option
• Select whether you want to sort the column alphabetically or numerically in the Order option

  This option is important when the contents of a column are numerical. An alphabetical sort applied to a list of one-and two-digit numbers will result in alphanumeric sort (such as 1, 10, 2, 20, 3, 30) rather than a straight sort (such as 1, 2, 3, 10, 20 30)

• Select Ascending (A to Z or low to high) or Descending for the sort order.

To perform a secondary sort on a different column, specify the sort options under Then By.

Check the Sort Includes First Row option to include the first row in the sort. If the first row is a heading that shouldn't be moved, leave this option unchecked

Use the commands on the Modify > Table menu or the commands on the shortcut menu to add and remove rows and columns from a table.

To add rows or columns:

Click in a cell where you want the new row or column to appear.

Do one of the following:

• To add a row, choose Modify > Table > Insert Row, or choose Table > Insert Row from the shortcut menu.
• To add a column, choose Modify > Table > Insert Column, or choose Table > Insert Column from the shortcut menu.
• To add both columns and rows, choose Modify > Table > Insert Rows or Columns, or choose Table > Insert Rows or Columns from the shortcut menu.

  In the dialog box that appears, enter the number of rows or columns you want to add. Specify whether the new rows or columns should appear before or after the selected row or column.

To delete a row or column:

Click in a cell within the row or column you want to delete.

Choose one of the following options:

• To delete a row, choose Modify > Table > Insert Row, or choose Table > Delete Row from the shortcut menu.
• To delete a column, choose Modify > Table > Insert Column, or choose Table > Delete Column from the shortcut menu.

To add or delete rows or columns from the bottom and right of a table:

Select the entire table

In the Property inspector:

• Increase the row or column value to add rows
• Decrease the row or column value to delete rows.

Dreamweaver adds and removes rows from the bottom of the table, and it adds and removes columns to the right. Dreamweaver does not warn you if you are deleting rows that contain data.