A table organizes information into a structured format using a set of vertical columns and rows. A good table communicates information in a concise, easy-to-understand way.
However, tables can be difficult to edit in D2L. Consider if there are alternative ways to display the information before using a table.
Considerations
- Do: Use a table to display data sets or organize information.
- Do: Keep tables simple and break complex tables into multiple simple tables.
- Do: Maintain the heading and text styles to maintain accessibility.
- Don't: Use a table for decoration or to layout text and images.
- Don't: Insert tables within tables.
- Don't: Subdivide or merge specific cells. Keep columns and rows consistent.
- Don't: Use tables with blank cells.
Additional Resources
- DRC IT Accessibility: Making Data Tables Accessible
Explore
Preview
Image
Apply
Code
<table class="uacm-table">
<caption> #ToDo: Edit this table caption. Learn more about the
<a href="https://coursemaker.arizona.edu/build/building-blocks/table"
target="_blank">Table</a> building block in the
Course Maker
website.</caption>
<tr>
<th scope="col">Column 1</th>
<th scope="col">Column 2</th>
<th scope="col">Column 3</th>
</tr>
<tr>
<td>Column 1 Row 1
</td>
<td>Column 2 Row 1</td>
<td>Column 3 Row 1</td>
</tr>
<tr>
<td>Column 1 Row 2</td>
<td>Column 2 Row 2</td>
<td>Column 3 Row 2</td>
</tr>
<tr>
<td>Column 1 Row 3</td>
<td>Column 2 Row 3</td>
<td>Column 3 Row 3</td>
</tr>
</table>