Loading...

Interactive Table

What is an interactive table? How can I use one?

Goal:

Goal:

In an interactive table, the content in some columns is hidden until the student clicks the text or image in the first column (or top row). An interactive table invites students to consider the information in the first column or row before clicking to see a corresponding answer or explanation appear in the other column(s) or row(s).

The text that appears above an interactive table should tell students what they should do and what they’re supposed to learn from the activity. If there are no column headings in the table, these directions should refer to the items in the first column as a list (list of questions, list of terms, list of examples, etc.) since this is how the table will appear to students. Directions should also remind students to think about the visible question, term, or image on their own before clicking to see the answer or explanation.


English Sample

See how well and how quickly you can learn the meanings of the words on this page. First, make a guess about what each word meant as it was used by Charlotte Bronte in Jane Eyre. Then click the word to see how close you are to the correct answer.


Sample Formatting

How was this content formatted so that we can develop the content correctly?

[Insert interactive table--when student clicks text in column 1, text in column 2 should appear]

Row 1
column 1: somber
column 2: dark, dull, or gloomy

Row 2
column 1: inferiority
column 2: being a lower status or a lower quality than others

Row 3
column 1: endeavoring
column 2: trying hard to achieve something

Row 4
column 1: earnest
column 2: being sincere and dedicated, showing a seriousness

Row 5
column 1: disposition
column 2: a person’s qualities, actions, mind, and character

Row 6
column 1: dispensed
column 2: excused from

[END interactive table]


Examples

Interactive tables can be used in all subject areas to present categories of content in a less text-heavy, more interactive way. Because they can easily allow you to present a series of questions, terms, or examples, interactive tables are ideal for teaching members or attributes of a class or category.

Social Studies Sample

View Example

Foreign Language Sample

View Example

Math Sample

View Example

Customizable Content

Below are the suggested specifications for using images and interactive components within this interactive.

Optimization
Constraints:
  • Ideal for small-medium amounts of content.
  • 2-10 rows / 2-4 columns
  • Images will display at smaller sizes to minimize page scrolling.
Preferred image orientation:
  • Horizontal
  • Square
If larger or more detailed images are needed, consider an alternate interactive.
Nested Interactives?
No. Image and text based content only.
Audio/Video?
Yes! Audio can be used in static or revealed columns/rows only, not clickable columns/rows.

Note: Interactive requests are subject to change, based on content type, image size and usability.


Formatting Template

To use an interactive table in one of your lessons, copy and paste the text shown below, and replace the placeholder text with your own.

[Insert interactive table--when student clicks text in column 1, text in column 2 should appear]

Row 1
column 1: Content
column 2: Content

Row 2
column 1: Content
column 2: Content

Row 3
column 1: Content
column 2: Content

Row 4
column 1: Content
column 2: Content

[END interactive table]