<?xml version="1.0" encoding="utf-8"?>
Ensure sufficient row height for easy table scanning
Exercise

Ensure sufficient row height for easy table scanning

Table
Exercise

Table

Optimize numeric data display
Exercise

Optimize numeric data display

Incorporate inline menus for additional table actions
Exercise

Incorporate inline menus for additional table actions

Description lists
Exercise

Description lists

Enhance table functionality with toolbars
Exercise

Enhance table functionality with toolbars

Use infinite scrolling for seamless browsing
Exercise

Use infinite scrolling for seamless browsing

Streamline table operations
Exercise

Streamline table operations

Give users control with manual infinite scrolling
Exercise

Give users control with manual infinite scrolling

Enable easy navigation with pagination for tables
Exercise

Enable easy navigation with pagination for tables

Use proportional cell width
Exercise

Use proportional cell width

Use the <table> element for tabular data
Exercise

Use the <table> element for tabular data

Allow items-per-page control
Exercise

Allow items-per-page control

Enable data sorting options in tables for users
Exercise

Enable data sorting options in tables for users

Indicate overflow content
Exercise

Indicate overflow content

Use the <th> element for table headers
Exercise

Use the <th> element for table headers

Use the <caption> element for the table title
Exercise

Use the <caption> element for the table title

Use a legible typeface
Exercise

Use a legible typeface

Don't leave table headers empty
Exercise

Don't leave table headers empty

Unordered lists
Exercise

Unordered lists

Keep the link style familiar
Exercise

Keep the link style familiar

Ordered lists
Exercise

Ordered lists

Ensure adequate column width for readable content
Exercise

Ensure adequate column width for readable content

Consider lists for organizing related items
Exercise

Consider lists for organizing related items

Clearly indicate hover and selected row states
Exercise

Clearly indicate hover and selected row states

Allow users to customize tables
Exercise

Allow users to customize tables

Align text to the left
Exercise

Align text to the left

Enhance visibility of headers in tables
Exercise

Enhance visibility of headers in tables

Borders style
Exercise

Borders style

Style tables for scannability
Exercise

Style tables for scannability

Collapsing table borders
Exercise

Collapsing table borders

Use simple tables
Exercise

Use simple tables

Use a consistent string format
Exercise

Use a consistent string format

Adding padding
Exercise

Adding padding

The <caption> tag
Exercise

The <caption> tag

The rowspan attribute
Exercise

The rowspan attribute

The colspan attribute
Exercise

The colspan attribute

The table tag <table>
Exercise

The table tag <table>

Adding captions
Exercise

Adding captions

Adding borders
Exercise

Adding borders

The <td> tag
Exercise

The <td> tag

The <tr> tag
Exercise

The <tr> tag

The text-align property
Exercise

The text-align property

The <th> tag
Exercise

The <th> tag

The <table> tag
Exercise

The <table> tag

Adding rows
Exercise

Adding rows

Table layout principles
Exercise

Table layout principles

Exercise

Building dynamic tables

Chart types and uses
Exercise

Chart types and uses