Add a table to a Web page

To add a table to Web page in a Microsoft Office SharePoint Server 2007 site, you use the HTML Editor. You can use the HTML Editor to add a table to a Page Content field control or to a Content Editor Web Part.

What do you want to do?

Open the HTML Editor

Add a table to a Web page

Open the HTML Editor

The way that you open the HTML Editor depends on whether you are using a Page Content field control or a Content Editor Web Part.

Open the editor in a Page Content field control

  1. On the page to which you want to add the table, click Show Page Editing Toolbar on the Site Actions menu.

  2. On the Page Editing toolbar, click Edit Page.

  3. In the Page Content field control, click Edit Content. The HTML Editor toolbar appears.

    Note: Some page layouts contain a Page Content field control that displays the HTML Editor in a Web Page dialog box, rather than inline. If this is the case with the page layout that was used to create the page that you are editing, when you click Edit Content, the HTML Editor opens in a new window.

Add a Content Editor Web Part to a page

If the page to which you want to add a table supports Web Parts but does not have a Content Editor Web Part, you can add one by using the following procedure:

  1. In the page to which you want to add a Content Editor Web Part, choose the zone where you want to add the Web Part, and then click Add a Web Part in that zone. The Add Web Parts Web Page dialog box opens.

  2. In the Add Web Parts Web Page dialog box, scroll down to the Miscellaneous section, select the check box next to Content Editor Web Part, and then click Add. The page refreshes, and displays the Content Editor Web Part in the zone that you chose.

Open the HTML Editor in the Content Editor Web Part

  1. On the Content Editor Web Part toolbar, click Edit, and then click Modify Shared Web Part. The Content Editor tool pane opens.

  2. In the Content Editor tool part, click Rich Text Editor. The HTML Editor Web Page dialog box opens.

Top of Page

Add a table to a Web page

Using the HTML Editor, you can insert a table by clicking the Insert Table Button image toolbar button. When you click Insert Table, a new window opens where you can choose the following table properties:

  • Size properties:

    • Rows      Use this property to choose the number of rows.

    • Columns      Use this property to choose the number of columns.

    • Specify dimensions      Select this check box in order to change the width and height of the table in the Width and Height boxes. Clear this check box if you want the table dimensions to be managed by the server.

    • Width and Height     If you selected the Specify dimensions check box, you can choose the Width and Height properties to control the dimensions of the table. Type a number in the Width or Height box, and then click the arrow to select either pixel or percent. For example, to specify that the table should be half as wide as the page, type 50 in the Width box, and then click percent in the list.

  • Format properties:

    • Use Predefined Table Format      Select this check box in order to choose a table format from the drop-down list. Office SharePoint Server 2007 provides several predefined table formats that can be used in a Page Content field control, or in a Content Editor Web Part that is on a page that also has a Page Content field control. Site users who have Design permissions can create custom table formats and add them to the predefined table format list. Custom table formats may be available in both Page Content field controls and in Content Editor Web Parts.

      When you choose a table format from the list, a preview of that format is shown in the Preview box.

      Clear the Use Predefined Table Format check box to turn off the options in the Format section. No format is applied to the table.

    • Apply special formats to      Each predefined table format can contain formatting that applies to the heading row, the last row, the first column, and the last column. Use these four row and column options to specify whether the particular formatting for that row or column is applied. For example, to specify that the heading row is not formatted as specified by the predefined table format, clear the Heading Row check box.

      Note: These options are available only if the Use Predefined Table Format check box is selected.

You can also edit a table to change its size, formatting, and other properties. The best way to edit a table is by using the Cell Menu. To open the Cell Menu, click the arrow at the right edge of the table cell that you are editing.

The Cell Menu contains the following commands:

  • Insert Row Above      This command inserts a row directly above the cell that you are editing.

  • Insert Row Below      This command inserts a row directly below the cell that you are editing.

  • Insert Column Left      This command inserts a column directly to the left of the cell that you are editing.

  • Insert Column Right      This command inserts a column directly to the right of the cell that you are editing.

  • Delete Row      This command deletes the row that contains the cell that you are editing.

  • Delete Column      This command deletes the column that contains the cell that you are editing.

  • Merge Cell      This command merges the cell that you are editing with the cell to its right, or, in right-to-left languages, the cell to its left.

  • Split Cell      This command splits the cell that you are editing and places the cursor in the left-most cell that results.

  • Height and Width      This command opens a dialog box that allows you to change the row height and column width of the row and column that contain the cell that you are editing.

  • Edit Table      This command opens a dialog box that allows you to change any of the properties of the table that contains the cell that you are editing.

You can also perform all of the Cell Menu actions by using the toolbar buttons.

For more information about using the HTML Editor, see the article Use the HTML Editor.

Top of Page

Share Facebook Facebook Twitter Twitter Email Email

Was this information helpful?

Great! Any other feedback?

How can we improve it?

Thank you for your feedback!

×