Export (0) Print
Expand All

How to: Resize HTML Table Elements in Visual Web Developer

After creating a table or adding elements to it, you can resize the elements or the table itself.

NoteNote

If you are resizing a row or column and the td elements use different units for height or width, the table editor normalizes the units into pixels.

To resize table elements

  • Perform the steps listed in the following table.

    As you drag the border for the table, row, column, or cell, the watermark displays the size of the element that you are resizing.

    Table element

    Size adjustment

    Steps

    Table

    Adjust overall table size

    • Select the table that you want to resize and then drag its resize handles.

    Row

    Adjust row height

    Resizing the row changes the height style of the affected td element.

    • In the Layout menu, click Resize, and then click Resize Row to open the Resize HTML Table Row dialog box.

      The dialog box provides an option to apply the height only to the first cell in the row.

    Row

    Clear row's height setting

    After you clear the height setting of a row, the row's height is determined by the overall table dimensions.

    1. In the Layout menu, click Resize, and then click Resize Row to open the Resize HTML Table Row dialog box.

    2. Select the Clear All Heights check box.

    Column

    Adjust column width

    By default, resizing the column changes the width style of all affected td elements.

    • In the Layout menu, click Resize, and then click Resize Column to open the Resize HTML Table Column dialog box.

      The dialog box provides an option to apply the width only to the first cell in the column.

    Column

    Clear column's width setting

    After you clear the width setting of a column, the column's width is determined by the overall table dimensions.

    1. In the Layout menu, click Resize, and then click Resize Column to open the Resize HTML Table Column dialog box.

    2. Select the Clear All Widths check box.

    Cell

    Adjust size of an individual cell

    • Select the cell that you want to resize, and then press the SHIFT key and hold it while dragging the cell's border.

      NoteNote
      If you do not hold down the SHIFT key, you will resize the entire row, not the cell.

Community Additions

ADD
Show:
© 2014 Microsoft