Some things do not read well as sentences. Scores, dates, prices, results.
Today you put facts on your site in a table, so a reader can run their eye down a column and find what they want.
By the end of the lesson your site will have a table with a heading row and three rows of your own facts.
Open the interactive on the board. The picture on this step is a finished table.
A table is a holder inside a holder inside a holder, and it is the first time this course nests two deep. That is the difficulty; the facts are easy.
A table needs three kinds of block, one inside the next:
Two rows of two cells makes four boxes. You have met a holder before: this is the same idea as the list, one level deeper.
All three are in the List group.
Draw a two-by-two grid on the board and label it: whole thing, line across, one box. Pupils who see the shape once will build it; pupils who do not will drop cells straight into the table.
Call them a row block and a cell block, matching the words on screen.
A table starts as a holder with nothing in it.
This is the block you need:
{"blocks": {"languageVersion": 0, "blocks": [{"type": "wp_table", "fields": {}}]}}Check: nothing shows yet. An empty row has no boxes in it, so there is nothing to draw.
If it did not work: the row is sitting beside the table instead of inside it. Drag it again until it clicks into the opening.
Same surprise as the list block in earlier years, and deliberate: an empty holder shows nothing. Let pupils find it rather than warning them.
Cells are the boxes a reader actually sees.
Check: two boxes appear side by side. Cells stack downwards in the blocks but run across on the page.
If it did not work: only one box shows, so the second cell is inside the table rather than inside the row.
The blocks stack vertically and the page draws them horizontally. Say it, because it looks wrong to a 10-year-old until it is named.
The top row of a table names the columns.
This is the block you need:
{"blocks": {"languageVersion": 0, "blocks": [{"type": "wp_table_row", "fields": {"KIND": "head"}, "inputs": {"CELLS": {"block": {"type": "wp_table_cell", "fields": {"TEXT": "Match"}, "next": {"block": {"type": "wp_table_cell", "fields": {"TEXT": "Score"}}}}}}}]}}Check: the top row is now bold, and it reads as labels rather than facts.
The row block has one box with two choices: normal row and heading row. Ask why a table needs its top row to look different.
You're previewing this lesson. Get full access to this lesson and hundreds more — each one ready to teach, with interactive activities, printable resources and pupil progress tracking built in.