Resizing rows and columns
Depending on how you create a table, Namo WebEditor may automatically set column widths and row heights to certain values. You can change row heights and column widths in two ways: by dragging borders with the mouse or by specifying heights and widths using numerical values. You can also set the overall height or width of a table using numerical values.
Resizing rows and columns using the mouse
To resize a column, drag its right border left or right. (The mouse pointer should look like while you drag.) Note that when you resize any column except for the last column in a table, the next column’s width also changes to keep the table’s overall width the same. If you want to resize a column without affecting other columns (but letting the table’s overall width change), hold down the Ctrl key while you drag the column border.
To resize a row, drag its bottom border up or down. (The mouse pointer should look like while you drag.) Note that when you resize a row, other rows stay the same height, and the table’s overall height changes. If you want to resize a row without changing the table’s overall height (but letting the next row’s height change), hold down the Ctrl key while you drag the row border.
You can also resize an entire table while keeping the relative widths of its columns (or the relative heights of its rows) constant. To do so, drag the table’s right (or bottom) border while holding down the Ctrl key.
If you hold down the Shift key while dragging a column border, the table’s width unit will change from pixels to percentage or from percentage to pixels.
When you use a layout grid and/or layout guides, and the Snap option is turned on, the borders of rows and columns will “snap” to guides and gridlines as you drag them.
Specifying row heights and column widths using numbers
You can set the height of a row or the width of a column numerically, either in pixels or as a percentage of the table’s height (or width). You can also set the overall width and/or height of a table, either in pixels or as a percentage of the available space.
To specify row height using numbers
- Select the row you want to resize.
- On the Layout menu, go to Cell size, enter a number of pixels in the Height box and press Enter.
To specify column width using numbers
- Select the column you want to resize.
- On the Layout menu, go to Cell size, enter a number of pixels in the Width box and press Enter.
To specify table width and/or height using numbers
- Right-click inside the table and click Table Properties.
- In the Width box and/or the Height box, enter a number and then click either pixels or %.
To equalize column widths or row heights
- Select the columns or rows you want to make the same width or height. (The columns or rows must be adjacent.)
- On the Layout menu, go to Cell size, and in the Equalize Cell section, click either Equalize Cell Widths or Equalize Cell Heights.
The width or height attributes of all cells and the table itself will be cleared.
Notes about row and column sizing
- Browsers respect specified column widths whenever possible. Specified row heights, on the other hand, are always disregarded when necessary to fit cell contents.
- You can specify the widths of some columns in a table and leave those of other columns unspecified. Any column without a specified width will be sized automatically, depending on its contents, within the available space.
- You can use a combination of pixel values and percentages when specifying column widths or row heights in the same table. In such cases, the overall width or height of the table (as long as it is not specified) will be based on the pixel values.
- If you specify all column widths in percentages, and the percentages do not add up to 100%, the columns will be sized according to the ratios between their percentage values. The same holds true for rows and row heights.
- To set the width of a column or the height of a row, you only need to set the width or height of one cell in that column or row. If different cells in the same column or row have different specified sizes, the largest cell determines the effective column width or row height.
- Because of conflicts or limitations, the effective sizes of cells will often not match their specified sizes. If you want to change the specified sizes to match the effective sizes, on the Table menu, point to Cell Sizing, and click Apply Apparent Cell Sizes.
How specified row or column sizes interact with specified table sizes
When you set column widths in pixels and also specify the overall table width, the specified values may conflict with each other: that is, the sum of the column widths may not equal the specified table width. The same is true of row heights and overall table height. The following rules govern how modern browsers resolve conflicting cell and table sizes:
- If the sum of the column widths is not equal to the specified table width, the column widths are automatically adjusted to fit the specified table width. The proportions between column widths remain constant.
- If the sum of the row heights is less than the specified table height, the row heights are automatically adjusted to fit the specified table height. The proporti
ons between row heights remain constant. - If the sum of the row heights is greater than the specified table height, the table height is automatically adjusted to accommodate the specified row heights.
About table and column width indicators
When the insertion point is inside a table, or part of the table is selected, a light blue bar called a table info bar appears just above the table. The info bar’s main purpose is to indicate the widths of the columns and the width of the table as a whole. Table info bars are only visible in the Edit window; they do not appear in preview mode or in Web browsers.
Table and column width indicators (table aid)
Each width indicator can display either or both of two different numbers: the specified width of the column or table, and its effective width. The specified width can be shown either in pixels or as a percentage, depending on what unit is actually used to specify the width; while the effective width is always shown in pixels. The rules regarding the numbers that a width indicator displays are as follows:
Rule | Example |
---|---|
If the specified width is in pixels and is the same as the effective width, only one number is shown on the width indicator. | |
If the specified width is a percentage, it is shown in parentheses, and the effective width (in pixels) is shown on its left. | |
If the specified width is in pixels, and the effective width is different, the specified width is shown in parentheses, and the effective width is shown on its left. | |
If the width is not specified, the effective width is shown with an empty pair of parentheses to its right. |
If you find table info bars distracting, you can hide them. On the View menu, point to Marks, and click Table Info Bars.