SchoolFront Support

Organizing Text & Images in Tables

To insert a table in the WYSIWYG editor, place your cursor where you want to insert a table, then click this icon to insert the table. You will be able to tell the system how many rows and columns you want, and what percentage of the horizontal space to consume.

This is an example of what a table looks like:

Table Properties (Values You Can Set & Change)

• Rows: Tables have one or more rows. This is where you specify how many rows you want to have in your table.
   
• Columns: Tables have one or more columns. This is where you specify how many columns you want to have in your table.
   
• Headers: You can choose to make column and row Headers more clear by defining one or both of them as headers.
  • None: This makes it so that all text in the table looks the same (nothing bold)
  • First Row: This makes it so that the text in the first row of the table is bold.
  • First column: This makes it so that the text in the first column of the table is bold.
  • Both: This makes it so that the text in both the first row and first column of the table is bold.
     
• Border size: You can specify a border size in pixels. "Border" refers to line around the table that delineates cells. The default is 1 pixel. If you want the table to be invisible, you can set the value to 0 (zero).
   
• Alignment: The alignment value tells the system where to place the table on the screen.
  • <not set>: If the value is not set, it will typically default to the alignment of the content around the table.
  • Left: This will make the table flush left.
  • Center: This will make the table sit in the center.
  • Right: This will make the table flush right.
     
• Width: The default width of a table is usually 500 pixels. You can change this to a larger or smaller pixel value, OR you can tell the system the percentage of the viewer's screen you want the table to consume by specifying a percentage between 1% and 100%.
   
• Height: The default height of a table (in pixels or %) is usually unspecified. When left unspecified the table will automatically grow and shrink to accommodate the contents of the table cells. If you want the table to consume a specific amount of vertical space, you can change this to a larger or smaller pixel value, OR you can tell the system the percentage of the viewer's screen you want the table to consume by specifying a percentage between 1% and 100%.
   
• Cell spacing: This value specifies the space, in pixels, between cells.
   
• Cell padding: This value specifies the space between the cell wall and the cell content.
   
• Caption:  This value defines a table caption which will be inserted immediately below the table. You can specify only one caption per table.
   
• Summary: This value is an accessibility enhancer. It provides a brief overview of how data has been organized into a table or a brief explanation of how to navigate the table. The summary makes this information available to people who use screen readers (i.e. the information is not displayed visually). The summary is useful when the table has a complex structure (for example, when there are several sets of row or column headers, or when there are multiple groups of columns or rows). The summary may also be helpful for simple data tables that contain many columns or rows of data. The summary may be used whether or not the table includes a caption, but if both are used, the summary should not duplicate the caption.