Search

Table formatting

Kathy Yeung
Kathy Yeung
  • Updated

Tables are a great way to display information and are often used when creating items. Using the table icon in the WYSIWYG editor of the Summary field, you can create a table by hovering over the grid with the number of rows/columns you require for your table and clicking on the table within the grid to confirm your choice.

Item Summary Table.png

Table setting shortcuts

When the table is selected, a blue border will appear around the table and a list of shortcut icons will appear for you to select from the following table-setting shortcut options:

Table Shortcuts.png

  1. Table properties - this icon allows you to adjust the table's width, height, cell spacing, cell padding, the border's width, alignment of the table, and turn on/off captions. 
  2. Delete table - this icon will remove the table from the summary field. 
  3. Insert a new row above - clicking on this icon will add a new row above the row you selected.
  4. Insert a new row below - clicking on this icon will add a new row below the row you selected.
  5. Delete selected row - clicking on this icon will delete the selected row.
  6. Insert a new column left - clicking on this icon will add a new column left of the column you selected.
  7. Insert a new column right - clicking on this icon will add a new column right of the column you selected.
  8. Delete selected column - clicking on this icon will delete the selected column.

Configuring table settings

Table settings can be configured by right-clicking on the table in Items and selecting Cell, Row, Column or Table properties within the drop-down menu. Using these settings, you can adjust and update the following:

  • The term "alignment" generally specifies the appearance of the edges of a paragraph and text. The alignment of the cell, row and table can be adjusted by using the following steps:

    • To adjust the alignment of the cell, right-click on the table > hover over Cell > click Cell properties from the dropdown menu. A popup will appear allowing you to adjust the horizontal and vertical alignment of the text within the cell. 

      • H align - none, left, center, right
      • V align - none, top, middle, bottom

    • To adjust the alignment of the row, right-click on the table > hover over Row > click Row properties from the dropdown menu. A popup will appear allowing you to adjust the alignment of the row from the following dropdown options:

      • None - this will default to the left alignment where the text is flushed with the left border of the cells.
      • Left - aligns the text to the left of the cells where the text is flushed with the left of the border.
      • Center - aligns the text to the center of the text horizontally between the sides of the cell.
      • Right - aligns the text to the right of the cells where the text is flushed with the right border.

    • To adjust the alignment of the table, select the table and click the table properties icon or right-click on the table and select Table properties from the dropdown menu. A popup will appear allowing you to select an alignment option from a dropdown menu.

      • None - This will default to the left alignment where the text is flushed with the left border of the cells.
      • Left - Aligns the text to the left of the cells where the text is flushed with the left of the border.
      • Center - Aligns the text to the center of the text horizontally between the sides of the cell.
      • Right - Aligns the text to the right of the cells where the text is flushed with the right border.

    • Table Formatting - Alignment assess.png

    • Table Formatting - Alignment P4B.png

  • There are a few adjustments you can make to the settings of the table borders by navigating to the Advanced settings in Cell properties or Row properties:

    • Border width - Represents the number of pixels for the width of the cell border.
    • Border style - Select from a dropdown list of border styles for cell(s) and row(s) (solid, dotted, dashed, double, groove, ridge, inset, outset, none, and hidden).
    • Background color - Customize the color of the background for the cell(s) or row(s). 
    • Border color - Customize the color of the border for the cell(s) or row(s).

    By default, the border colour within /assess is black and blue in /assess for browser. The exterior border of the table in /assess for browser will always be blue despite the changing colour in /assess table properties. If you were to change the colour of the borders in /assess, the changes would only apply to the cell lines within the table (see the image before for more information).

    • Table Formatting - Border Settings assess.png

    • Table Formatting - Border Settings P4B.png

  • You can configure Cell properties, Row properties and Table properties by following the steps below:

    • To adjust the Cell properties, right-click on the table > hover over Cell > select Cell properties. A popup will appear with the following General and Advanced settings.

      • General settings - Customize the size and alignment of the table.  
        • Width - Adjust the width of the cell by a percentage.
        • Height - Adjust the height of the cell by pixels.
        • Cell type - Indicate if the selected cell(s) is a normal cell or a header cell from the dropdown menu.
        • Scope - Indicate whether the cell is a header for a row, column, or group of rows or columns.
        • H align - Define the placement of the text within a cell on the horizontal axis (none, left, center, right).
        • V align - Define the placement of the text within a cell on the vertical axis (none, top, middle, bottom).
      • Advanced settings - Customize the border and background color of the table.
        • Border width - Adjust the number of pixels for the width of the cell border.
        • Border style - Select from a dropdown list (solid, dotted, dashed, double, groove, ridge, inset, outset, none, and hidden) of border styles for cells and rows.
        • Border color - Customize the color of the border for the cells or rows.
        • Background color - Customize the color of the background for the cells or rows. 

    • To adjust the Row properties, right-click on the table > hover over Cell > select Row properties. A popup will appear with the following General and Advanced settings. 

      • General settings - customize the size and alignment of the table.  
        • Row type - Indicate whether the row is a header, body, or footer. 
        • Alignment - Define the placement of text within the row (none, left, center, right).
        • Height - Adjust the height of the row by pixels. 
      • Advanced settings - customize the border and background color of the table.
        • Border style - Select from a dropdown list (solid, dotted, dashed, double, groove, ridge, inset, outset, none, and hidden) of border styles for cells and rows.
        • Border color - Customize the color of the border for the cells or rows.
        • Background color - Customize the color of the background for the cells or rows. 

    • To adjust the Table properties, right-click on the table > select Table properties from the dropdown menu. A popup will appear with the following settings:

      • Width - Adjust the width of the table by a percentage.
      • Height - Adjust the height of the table by pixels.
      • Cell spacing - Adjust the whitespace between the edges of the adjacent cells. 
      • Cell padding - Adjust the space between the border of the table cell and the content.
      • Border width - Adjust the number of pixels for the width of the table border.
      • Caption - Show/hide the caption row of the table. The caption row will appear on the top of the table if Show caption is selected. 
      • Alignment - Define the placement of text in the table (none, left, center, right).

  • The table's width, height, and size can be updated by selecting the table and hovering over the blue border until you see a resizing icon as your cursor and drag the table to your desired size. You can also adjust the size of the table in Cell properties, Row properties and Table properties by changing the percentage of the width and updating the height.

    By default, the height of the table is 19 pixels and can be increased by whole numbers or decimals. To change the height of the table, right-click on the table, select Cell properties, Row properties or Table properties and update the text field for Height. 

    By default, the table width is a percentage between 90-100% of the summary text box and can be adjusted by right-clicking on the table, selecting Cell properties or Table properties and entering a percentage for the Width. The percent of the width determines how the table will appear on the screen’s width. Here is an example if the width of the table properties was adjusted to 50%.

    • Table Formatting - Size assess.png

    • Table Formatting - Size P4B.png

  • To rearrange the order of rows and columns, you can cut, copy or paste rows and columns before or after the selected cell.

    Table CutCopyPaste Row.png

    Table CutCopyPaste Column.png

  • The row, column and table can be deleted by using the following steps:

    • To delete a row, right-click on the table > hover over Row > click Delete row.

      Table Delete Row.png

      You can also delete a row by using the table setting shortcuts.

    • To delete a column, right-click on the table > hover over Column > click Delete column.

      Table Delete Column.png

      You can also delete a column by using the table setting shortcuts.

    • To delete a table, right-click on the table > click Delete table.

      Delete Table.png

      You can also delete the table by using the table setting shortcuts.

  • To insert a row or column before or after the selected cell, right-click on the cell > hover over Row or Column > click Insert row/column before or Insert row/column after. Another way to insert a row is by using the table setting shortcut icons when the table is selected. 

    Table Insert Row.png

    Table Insert Column.png

  • To merge cells, highlight the cells you want to merge > right-click the table > hover over Cell > click Merge cells. 

    Table Merge Cells.png

    Once the cells are merged, you can split cells by right-clicking on the merged cell > hover over Cell > click Split cell.

    Table Split Cells.png

Was this article helpful?

0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.