Insert Table Dialog Box

The Insert Table dialog box enables you to specify the layout of a new table as you are creating it.

To open the Insert Table dialog box

  1. In Visual Web Developer, open the page in Design view and place the cursor in the location at which you want to insert the table.

  2. On the Layout menu, click Insert Table.

    The Insert Table dialog box opens.

Tasks

UI Elements

  • Template
    Enables a drop-down list of preformatted tables from which you can select. If this option is selected, you can select from the preformatted tables and click OK to create a table with that layout.

  • Custom
    Enables you to create a table with the settings that you specify.

  • Rows
    Specifies the number of rows in the table. The resulting table does not include an extra row for column headings.

  • Columns
    Specifies the number of columns. Each td element creates a single cell in a particular row.

  • Align
    Specifies how the table is aligned with respect to the document margins. Alignment is implemented by putting the table inside a div element that has a style setting matching your alignment selection.

    Table layout alignment attributes take precedence over more general alignment attributes. For example, if a table element is assigned the left alignment attribute but is inserted within a center element, the table is aligned with the left margin instead of being centered.

  • Width
    Indicates the total width of the table. Select measurement units from the drop-down list next to the text box. If you select pixels or another absolute measure, you can set an absolute width for the table. The table and its columns will remain the same width regardless of screen resolution. By default, a new table has no width setting and the table's width will be based on its content.

    If you select % (percent), the width of the table will change to accommodate screen resolution. A table whose width value is 25 percent will always be one-quarter the width of the available screen.

  • Height
    Indicates the total height of the table. Select measurement units from the drop-down list next to the text box. If you select pixels or another absolute measure, you can set an absolute height for the table. If you enter a height value, a height value is added to the opening table element as a style attribute. If you leave this field blank, the table's height will be based on its content.

  • Caption
    Specifies that the table will contain a caption element, which appears as a cell above the table.

  • Border
    Specifies the size, in pixels, of the table border. Clear the check box to specify no border. The border value is added as a border attribute of the opening table element.

  • Cell padding
    Specifies the amount of space, in pixels, between cell contents and the cell border. A padding value is added as a cellPadding attribute of the opening table element.

  • Cell spacing
    Specifies the amount of space, in pixels, between cells. A spacing value is added as a cellSpacing attribute of the opening table element.

  • Summary description
    Specifies text that will is inserted into the summary attribute of the table element. The summary typically contains a description of the table and its contents to help users who are reading the page with assistive technologies.

  • Cell Properties
    Displays the Cell Properties Dialog Box, where you can make settings for all of the cells in the table that you are creating. When you are creating a new table, cell properties are applied to all cells in the new table.

See Also

Concepts

Introduction to Editing HTML Tables in Visual Web Developer

HTML Table Editing Tips in Visual Web Developer