Add a table to a page

By | July 4, 2022

You can add together tables to your archetype pages to help structure text, images, or objects on a folio. You might do this to show information in a table, a price listing, a product comparison, a list of terms and definitions, so on. You might also do this to position content, for example, show employee biographies, your contact data, or business organization hours. This commodity explains how to position or structure content on a page using the tabular array editor on your site and other methods like HTML.

In this commodity

  • Insert a table

  • Customize a table

    • Add rows and columns

    • Merge cells

    • Separate cells

    • Resize the table

    • Change the table style

  • Add text or objects to the tabular array

  • Delete a cell, row, column, or table

  • Create a custom table or employ HTML content

Insert a table

  1. Scan to the folio where you want to add the tabular array.

  2. Click the
    Page
    tab.

  3. Click the
    Edit
    button.

  4. Click on the page where you want to add the tabular array.

  5. Click the
    Insert
    tab.

  6. Click the
    Table
    button.

  7. At that place are two ways to add the tabular array:

    • Click the pointer to expand the table gridlines, hover your mouse pointer over the table gridlines, and and so click the desired number of tabular array cells.

    • Or, click the
      Insert Tabular array
      button, type the number of columns and rows you desire, and click
      OK.

  8. The table is added to your page, where you can start adding content to information technology or customizing information technology, tasks that are described next.
    Table on SharePoint Online Website

Top of Page

Customize a table

Once you insert a table on your folio page, yous can start customizing it. Y’all tin add and delete rows or columns, merge and dissever rows or columns, resize the table, change the appearance, and so on.

Add rows and columns

Y’all tin can add together rows and columns of cells in a table to allow for more structured content on the page. You can add together them above, below, left, or right of the cell where your cursor is located. Just entire rows or columns can be added at one time rather than individual cells.

  1. Edit the web folio that contains your table.

  2. Place your cursor in the table cell where you want to add the row or column.

  3. Click the
    Table Layout
    tab.

  4. Choose one of the following:

    • Insert Above
      to add a row above the selected cell.

    • Insert Below
      to add a row beneath the selected cell.

    • Insert Left
      to add together a column to the left of the selected cell.

    • Insert Right
      to add together a column to the correct of the selected jail cell.

Tip:If you lot don’t similar the outcome of the new cells, you tin undo the action by typing CTRL+Z or clicking the
Format Text
tab and choosing
Undo.

You’ll come across the changes immediately applied to your tabular array. If you had text or images in the cells, they’ll be placed together in the new merged prison cell.

Top of Page

Merge cells

When you lot merge cells, you combine two or more cells to let for more room for text, images, and other objects in the table. You lot tin can merge cells to a higher place or below ane another and left or right from one some other, but yous can just merge individual cells and non entire rows or columns.

  1. Edit the page that contains your table.

  2. Place your cursor in the tabular array cell you want to merge.

  3. Click the
    Table Layout
    tab.

  4. Click
    Merge Cells
    and cull one of the post-obit:

    • Merge Above
      to merge with the cell above.

    • Merge Below
      to merge with the cell below.

    • Merge Left
      to merge with the cell to the left.

    • Merge Right
      to merge with the jail cell to the right.

Tip:If you don’t similar the outcome of the merged cells, you lot can undo the action past typing CTRL+Z or clicking the
Format Text
tab and choosing
Undo.

You’ll come across the changes immediately applied to your table. If yous had text or images in the cells, they’ll be placed together in the new merged cell.

Summit of Page

Split cells

When you lot split cells, you lot plow a unmarried cell into two cells to use more than construction to the table contents. You can split cells horizontally or vertically, but you tin only split individual cells and not entire rows or columns.

  1. Edit the web folio that contains your tabular array.

  2. Place your cursor in the table jail cell you want to split.

  3. Click the
    Table Layout
    tab.

  4. Click
    Dissever Cells
    and cull i of the following:

    • Split Horizontal
      to split the cell into 2 cells, side-past-side.

    • Split Vertical
      to split the prison cell into ii cells, one over the other.

Tip:If you don’t like the result of the split cells, you can undo the action past typing CTRL+Z or clicking the
Format Text
tab and choosing
Undo.

You’ll see the changes immediately applied to your table. If you had text or images in the prison cell, they’ll remain in the original cell and non the new one.

Top of Page

Resize the table

You can change the size of a table likewise equally the private rows and columns that make up the table. You might do this to fit more folio content in a table jail cell or brand more room on the rest of the page for other content. Y’all can specify the tabular array or cell size in pixels (px) or as a per centum (%). Only the entire row, column, or tabular array can exist resized at one time rather than private cells.

  1. Edit the page that contains your table.

  2. Place your cursor inside the table you desire to resize.

  3. Click the
    Table Layout
    tab.

  4. Adjacent to
    Table Width, enter a percent or pixel value. A value of 100% or 700px or more uses the entire page content surface area.

  5. Next to
    Table Height, enter a pct or pixel value. Keep in mind that the number of paragraphs determines table elevation too.

  6. Side by side to
    Column Width, enter a percentage or pixel value. A value of 100% or 700px or more uses the entire page content area.

  7. Next to
    Cavalcade Height, enter a percent or pixel value. Continue in listen that the number of paragraphs determines cell table height too.

    Tip:If you don’t like the outcome of the resized table or cells, you can undo the activeness past typing CTRL+Z or clicking the
    Format Text
    tab and choosing
    Undo.

Y’all’ll see the changes immediately applied to your tabular array. If you had text or images in the cells, they’ll remain in the resized cell.

Elevation of Page

Change the tabular array style

You can customize the appearance of a table by changing its style, designating a header or footer row, and applying special formatting to the offset and last table row or column.

  1. Edit the folio that contains your tabular array.

  2. Place your cursor in the tabular array that you lot desire to customize.

  3. Click the
    Design
    tab.

  4. On Table Way options, choose i of the following table fashion options. (You may not run into formatting differences if the “Lite” or “Articulate” table style is currently applied to your tabular array.)

    • Header Row
      applies special formatting to the get-go row of the table.

    • Footer Row
      applies special formatting to the last row of the table.

    • First Column
      applies special formatting to the commencement cavalcade of the table.

    • Terminal Column
      applies special formatting to the final column of the table.

  5. Choose a table style. Each style changes the border color, cell colour, and header or footer colour. (Some styles only alter the header and footer if yous selected that option above.)

    • Default Table Mode – Light: Thin, light, grey grid borders.

    • Table Manner 1 – Clear: No visible borders.

    • Tabular array Style ii – Low-cal Banded: Light grey horizontal lines, every other row shaded greyness.

    • Table Fashion three – Medium Two Tones: Blue header, every other row is shaded low-cal blue.

    • Table Style 4 – Low-cal Lines: Greyness header, light blue horizontal lines.

    • Tabular array Style 5 – Grid: Grey grid borders, every other row shaded gray.

    • Table Mode 6 – Emphasis 1: Blue grid borders, blue header.

    • Table Style 7 – Accent ii; Light blue grid borders, light blueish header.

    • Table Style viii – Accent 3: Greenish filigree borders, green header.

    • Table Mode ix – Accent 4: Olive grid borders, olive header.

    • Table Style 10 – Accent 5: Ruddy grid borders, red header.

    • Table Fashion 11 – Accent six: Imperial grid borders, imperial header.

  6. Click
    Show Grid Lines
    to show or hibernate table grid lines. This is simply a visual aid in case yous applied the Articulate Tabular array Style or otherwise hid tabular array borders, only yous still need to see the table to piece of work with it.

You’ll see the changes immediately practical to your tabular array. If you had text or images in the cell, they’ll remain in the original jail cell with the new style applied.

Top of Page

Add text or objects to the table

When y’all’re finished customizing the table, y’all’re fix to beginning adding content to the tabular array, such every bit text, graphics, and other objects as described hither.

  1. Edit the folio that contains your table.

  2. Place your cursor within the table cell where you want to add together content.

  3. To add together text, just starting time typing the text or paste the text in the table cell. To alter the typeface or font size, click the
    Format Text
    tab and cull the font settings from in that location.

  4. To insert an image, video, or another object, click the
    Insert
    tab and insert the object similar yous would on any of your spider web pages. (If the prototype or video is larger than the table prison cell, the tabular array cell will automatically resize to fit the image or video.)

To remove the text, images, or objects, select it in the cell and press
Delete
on your keyboard.

Tiptop of Page

Delete a cell, row, cavalcade, or tabular array

You can delete individual cells, rows, columns, or the entire tabular array if necessary.

  1. Edit the page that contains your table.

  2. Place your cursor within the cell, row, column, or the table you desire to delete.

  3. Click the
    Table Layout
    tab.

  4. Click
    Delete
    and chose one of the following:

  5. Delete Cell
    to delete the individual cell where your cursor is located.

  6. Delete Column
    to delete the column where your cursor is located.

  7. Delete Row
    to delete the row where your cursor is located.

  8. Delete Table
    to delete the entire table where your cursor is located.

  9. Continue customizing the tabular array or contents on the page.

Summit of Folio

Create a custom table or employ HTML content

If you want to create a custom table or use your own HTML code to position content on a page, y’all can exercise so past adding your HTML lawmaking in a web folio editor like Expression Spider web or Dreamweaver.

  1. Edit the page for which you want to add a table or HTML content.

  2. Click the
    Format Text
    tab and and then click
    Edit Source
    in the Markup grouping.
    Edit Source on SharePoint Online Public Website

  3. In the
    HTML Source
    window, type or paste your custom HTML or modify the existing source content, such as applying DIV tags. (The HTML Source window is also a useful fashion to copy a table from one part of your website to another, which is faster than recreating and customizing a table.)

  4. Click
    OK
    and so salve the page.

Tip:To further customize the layout and positioning of content on a page, you might consider creating a custom page layout.

Tiptop of Page

Source: https://support.microsoft.com/en-us/office/add-a-table-to-a-page-0c99f916-9d62-4b49-b20a-904201118372

Popular:   How Many Oz In Ranch Packet