HTML tables are used to arrange data that is best understood arranged in corresponding rows and columns.
Accessibility best practice: Tables should not be used for making page layouts because assistive technology relies on tables for communicating information relationships to non-visual users.
Create a table
Begin creating a table by clicking the table icon in the editor toolbar.
This will open a table properties box where you can choose some initial settings
- Rows and columns. Choose how many rows and columns to start with. You can always add more later.
- Headers. Headers are important for understanding certain data.
- Caption. You have the option to add a table caption.
An empty table will appear in the text editor ready for content.
Edit a table properties
Right-click anywhere in the table at any time to add or remove rows and columns, change the headers, and split and merge cells.
By default, published tables will be plain. Place the cursor anywhere in the table to activate the Styles dropdown and choose between a Basic Table (with some basic borders and header styles) or Striped Table (with alternately shaded rows).
Example of a striped table
Tables will automatically adjust to work well on any width screens. Most tables will rearrange into a single column. Tables with merged or split cells will be horizontally scrollable.