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
-
Scan to the folio where you want to add the tabular array.
-
Click the
Page
tab. -
Click the
Edit
button. -
Click on the page where you want to add the tabular array.
-
Click the
Insert
tab. -
Click the
Table
button.
-
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.
-
-
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.
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.
-
Edit the web folio that contains your table.
-
Place your cursor in the table cell where you want to add the row or column.
-
Click the
Table Layout
tab. -
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.
-
Edit the page that contains your table.
-
Place your cursor in the tabular array cell you want to merge.
-
Click the
Table Layout
tab. -
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.
-
Edit the web folio that contains your tabular array.
-
Place your cursor in the table jail cell you want to split.
-
Click the
Table Layout
tab. -
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.
-
Edit the page that contains your table.
-
Place your cursor inside the table you desire to resize.
-
Click the
Table Layout
tab. -
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. -
Next to
Table Height, enter a pct or pixel value. Keep in mind that the number of paragraphs determines table elevation too. -
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. -
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.
-
Edit the folio that contains your tabular array.
-
Place your cursor in the tabular array that you lot desire to customize.
-
Click the
Design
tab. -
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.
-
-
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.
-
-
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.
-
Edit the folio that contains your table.
-
Place your cursor within the table cell where you want to add together content.
-
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. -
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.
-
Edit the page that contains your table.
-
Place your cursor within the cell, row, column, or the table you desire to delete.
-
Click the
Table Layout
tab. -
Click
Delete
and chose one of the following: -
Delete Cell
to delete the individual cell where your cursor is located. -
Delete Column
to delete the column where your cursor is located. -
Delete Row
to delete the row where your cursor is located. -
Delete Table
to delete the entire table where your cursor is located. -
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.
-
Edit the page for which you want to add a table or HTML content.
-
Click the
Format Text
tab and and then click
Edit Source
in the Markup grouping.
-
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.) -
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