Chapter 6: Tables: Tools for Organizing Data

What is a table?

Spreadsheet-style data
Why tables are bad and CSS Rules
- Design & Redesign flexibility
- Better Accessibility
- Quicker Downloads

Anatomy of a table

table: contains the entire table
tr: contains and entire row of a table(hence table row)
th: signifies a table header cell
td: a general table data cell

Styling the table

use CSS

Borders, Spacing, and Alignment

cell spacing
- space between cells
use classes for different table types

Making your tables accessible

linearization
- screen readers
- goes by the order of the markup
summary
- unseen
- used by screen readers
- much like alt tags in img tags

Captioning your table

caption: a table heading

Merging table cells

rowspan
colspan

Advanced Accessibility

scope
- related to the header
- can be set to:
  - column
  - row