You are now in the main content area

Table Component

The table component allows the author to create a custom table on a web page.

  • Found in Sidekick > Content
  • Styles available: Bordered (Default) | Borderless
  • Required content: Text
  • Optional fields: Accessibility Summary | Enable Plugins checkbox
  • Plugins allows you to Add Search/Sorting/Pagination and more to your table.
    To use these enhancements, the table must be a standard column-row layout and cells cannot be merged.
  • Custom Colours Applicable: Yes, in Options tab, plugins must be enabled with first row header selected 


 Avoid adding tables to layout components that constrain the table contents. Tables are not 100% responsive. Keep tables as simple as possible, without merging.

Bordered Table (Default)

Table with Border
Table with Border Table with Border
data data data
data data data
data data data

Borderless Table with plugins enabled

Table - Borderless Table - Borderless Table - Borderless
data data data
data data data
data data data
data data data

How to use

  1. In Sidekick > Content, click on "Table"
  2. Drag "Table" onto page
  3. Double click, or right-click to edit
  4. Under the Content tab, add text to pre-populated table cells or customize using the toolbar above the component
  5. Optional fields:Accessibility Summary | Enable Plugins
    • Under the Options tab > Accessibility Summary [provide a bried overview of how the data has been organized into a table or add a brief description of how to navigate the table]
    • Enable Plugins checkbox [Add Search/Sorting/Pagination and more to your table. To use these enhancement, the table must be a standard column-row layout and not merge cells]  
  6. Click "Display as" tab, and choose between Bordered (default) or Borderless
  7. Click OK
Screen capture of how to drag a Table component
Drag & drop the Table component from sidekick

Course link feature

The course linker automatically generates a link to a specific course in the Undergraduate Calendar.

Typing in the exact course code will:

  • automatically link the course code to the course calendar
  • automatically create hover text to show the course code, course name, and description

 Please write the course code exactly as it is in the calendar. Avoid extra spaces and use the same case.

For example, type CMN 100 and not cmn 100