Header Rows:
You must set a header row for your table to avoid an accessibility issue on your site. Do not use a header column. The two options for setting a Header Row are: Header Row WITH Search and Pagination (3a) or Header Row WITHOUT Search and Pagination (3b). Use one or the other but not both.
Header Row with Search and Pagination:
With this option, the first-row text is bold, first row is darker shading, and search / pagination functionality will be available for the user. If using this option, do NOT change the cell background color in cell properties.
To use this option:
- Place your cursor in the first row
- Click the Row Icon Drop Down Arrow
- Toggle Header Row On
Header Row without Search and Pagination:
With this option, the first-row text is bold, first row is darker shading, and search / pagination functionality will NOT be available for the user. If using this option, do NOT toggle Header Rows on.
To use this option:
- Place your cursor in the first row, make sure Header Row is Toggled OFF
- In EACH cell of the first row: Place the cursor in the cell and click the cell properties drop
down. - Cell Properties Background Color Picker: In the Cell Properties pop up, click on the Background Color Picker and Select a color (color does not matter, it will be formatted Gray)
- Click the Green Save Check mark to save.
- Repeat Steps 3-4 for EACH cell in the first row.
Table with Search and Pagination Example
| Header 1 | Header 2 | Header 3 | Header 4 |
|---|---|---|---|
| Note the header | background | color and | text color/styling |
| Learn how | to create | tables correctly: | User guide page 193 |
| Lorum ipsum | Lorum ipsum | Lorum ipsum | Lorum ipsum |
| Lorum ipsum | Lorum ipsum | Lorum ipsum | Lorum ipsum |
| Lorum ipsum | Lorum ipsum | Lorum ipsum | Lorum ipsum |
| Lorum ipsum | Lorum ipsum | Lorum ipsum | Lorum ipsum |
| Lorum ipsum | Lorum ipsum | Lorum ipsum | Lorum ipsum |
| Lorum ipsum | Lorum ipsum | Lorum ipsum | Lorum ipsum |
| Lorum ipsum | Lorum ipsum | Lorum ipsum | Lorum ipsum |
| Lorum ipsum | Lorum ipsum | Lorum ipsum | Lorum ipsum |
| Lorum ipsum | Lorum ipsum | Lorum ipsum | Lorum ipsum |
| Lorum ipsum | Lorum ipsum | Lorum ipsum | Lorum ipsum |
| Lorum ipsum | Lorum ipsum | Lorum ipsum | Lorum ipsum |
| Lorum ipsum | Lorum ipsum | Lorum ipsum | Lorum ipsum |
| Lorum ipsum | Lorum ipsum | Lorum ipsum | Lorum ipsum |
| Lorum ipsum | Lorum ipsum | Lorum ipsum | Lorum ipsum |
| Lorum ipsum | Lorum ipsum | Lorum ipsum | Lorum ipsum |
| Lorum ipsum | Lorum ipsum | Lorum ipsum | Lorum ipsum |
| Lorum ipsum | Lorum ipsum | Lorum ipsum | Lorum ipsum |
Table without Search and Pagination Example
| Header 1 | Header 2 | Header 3 | Header 4 |
| Lorum Ipsum | Lorum Ipsum | Lorum Ipsum | Lorum Ipsum |
| Lorum Ipsum | Lorum Ipsum | Lorum Ipsum | Lorum Ipsum |
| Lorum Ipsum | Lorum Ipsum | Lorum Ipsum | Lorum Ipsum |
| Lorum Ipsum | Lorum Ipsum | Lorum Ipsum | Lorum Ipsum |
| Lorum Ipsum | Lorum Ipsum | Lorum Ipsum | Lorum Ipsum |
| Lorum Ipsum | Lorum Ipsum | Lorum Ipsum | Lorum Ipsum |
| Lorum Ipsum | Lorum Ipsum | Lorum Ipsum | Lorum Ipsum |
| Lorum Ipsum | Lorum Ipsum | Lorum Ipsum | Lorum Ipsum |
| Lorum Ipsum | Lorum Ipsum | Lorum Ipsum | Lorum Ipsum |