Pages 2.0 | Table Widget

This article details what the Table Widget is and how to manage it.

What is the Table Widget?

The Table Widget is a new widget exclusively in Pages 2.0 that enables you to create and customize tables within pages, allowing you to present structured data in a clear and organized manner.

Its user-friendly interface simplifies the process of adding, editing, and formatting table content. You can effortlessly adjust text styles, cell colors, and alignment to enhance readability and visual appeal. Furthermore, you can customize the table structure by merging, splitting, adding, or deleting cells and rows. With options like alternating row colors, rounded corners, and padding, you can customize the overall table appearance to match your design preferences.

For more information about adding widgets to your page, please see this article.

How to use the table widget

Once you've added the table widget to your page, you can start customizing it.

Basic editing

• Adding content– Simply click on a cell to begin typing
• Formatting text – Use the text formatting options (bold, italic, strikethrough) to style your text within a cell
  • Mac shortcuts
    • Cmd+B for Bold
    • Cmd+I for Italics
    • Cmd+S for Strikethrough
  • Windows shortcuts
    • Ctrl+B for Bold
    • Ctrl+I for Italics
    • Ctrl+S for Strikethrough
• Background color– Add a background color to a cell using the color picker or by inputting a HEX code
• Text alignment– Align text within a cell to the left, right, center, or justify. You can also vertically align text to the top, middle, or bottom

Table styling

• Table style – Customize the appearance of your table with options like alternating row colors, rounded corners, padding, highlighting the first row, and border visibility
• Cell merging and splitting – Merge cells to combine multiple cells into one or split cells to create multiple cells from one

Table structure

• Moving columns – Select a cell within the column you want to move. A drag icon will appear at the top of the column. Click and drag this icon to your desired position
• Moving rows – Similar to columns, select a cell within the row you want to move. A drag icon will appear on the left side of the row. Click and drag this icon to reposition the row
• Inserting a new row – Select a cell within the row where you want to add a new row. Click the + icon above or below the cell to insert a new row
• Deleting a row – Select a cell within the row you want to delete. Click the trash can icon to remove the entire row
• Inserting a new column – Select a cell within the column where you want to add a new column. Click the + icon to the left or right of the cell to insert a new column
• Deleting a column – Select a cell within the column you want to delete. Click the trash can icon to remove the entire column

Distribute columns

This feature allows you to automatically adjust the width of each column in your table to ensure equal spacing. Simply click the Distribute Columns button to apply this formatting.

How to manage the table widget

To manage the table widget:

1. Navigate the page group where the widget resides
2. Click the pencil icon at the top right of the page to open the page editor
3. Hover your mouse over the widget until it is highlighted in blue, and click on it
4. Select the settings (gear) icon at the top right of the widget
5. A new window will open where you can adjust the widget's settings. You can switch between the Configure and Styles tabs to adjust what is displayed and how the content is displayed

Configure

• Widget header – Add a header to the widget. Once toggled, you can type the widget’s header in the text field that appears above the widget

Styles

• Background color–  Select the background color of the section. The colors available to you will depend on what the system default is and the brand style you are using
• Padding– Adjust the amount of background visible behind the widget. You can set a value between 0px and 100px. A larger value will show more of the background, making the section header and content appear smaller. A smaller value will minimize the background visibility, making the widget appear larger. Adjust the slider to fine-tune the amount of padding
• Round corners– Round the corners of the widget between the values 0px and 100px. A larger value will make the widget corners appear rounder, whereas a lower value will make them appear sharper

More information about widgets

To read more about what widgets are and how to resize, copy, and delete them, please refer to this article.

FAQs

Can I directly paste a pre-formatted table into the table widget?

No, you cannot directly copy and paste an entire table (e.g. from Google Spreadsheet) into the table widget. While you can copy and paste data from individual cells into specific cells within the widget, preserving the overall table structure and formatting from another source is not currently supported.

How can I resize a table?

You can resize a table by dragging the edges of the table widget. You can also resize individual columns by dragging their column borders.