How to Merge and Split Table Cells in Dreamweaver

By Janine Warner

Sometimes, the easiest way to modify the number of cells in a table in Dreamweaver is to merge cells (combine two or more cells) or split cells (split one cell into two or more rows or columns). With this technique, you can vary the space in table sections and customize table structures.

For example, you may want a long cell space across the top of your table for a banner and then multiple cells below it so that you can control the spacing between columns of text or images. The following two sets of steps show you how to merge and split cells in a table.

To merge cells in an existing table, follow these steps:

  1. Highlight two or more adjacent cells by clicking and dragging the mouse from the first cell to the last.

    You can merge only cells that are adjacent to one another.

  2. Click the Merge Selected Cells Using Spans icon, in the lower-left region of the Property inspector, to merge the selected cells into a single cell.

    The cells are merged into a single cell by using the colspan or rowspan attributes. These HTML attributes make a single cell merge with adjacent cells by spanning extra rows or columns in the table.

To split a cell, create a new table or open a page with an existing table and follow these steps:

  1. Click to place the cursor inside any cell you want to split.

  2. Click the Split Cell into Rows or Columns icon, in the lower-left region of the Property inspector.

    The Split Cell dialog box appears.

  3. Select Rows or Columns in the dialog box, depending on how you want to divide the cell.

    You can split a cell into any number of new rows or columns.

  4. Type the number of rows or columns you want to create.

    The selected cell is split into the number of rows or columns you entered.