← All Elements

Shape

Data Table Design

Laying out tables so people can read, compare and act on rows of data.

What is Data Table Design?

Laying out tables so people can read, compare and act on rows of data.

What you learn

Align and label tables so people compare the right values.

When it helps

people compare records in a table and misread values or lose their place.

Use it at work

  1. Align numbers on the decimal point. For medicine doses, write 0.5 and 5, never .5 or 5.0.
  2. Put units in the column header.
  3. Keep headers visible while scrolling.
  4. Let people sort and filter by what they compare.

Your output

Check one table: align decimal points, show units in the headers, and keep headers visible. For medicine doses, keep leading zeros and never add trailing zeros.

Watch for

Misaligned numbers, missing units and headers that scroll away. In medicine doses, missing leading zeros or added trailing zeros can cause errors.

Related practices

Sources

Enable JavaScript to try the interactive activity.

Elements.
48 elements · 8 families
Filters
DESIGN CONTEXT
What are you trying to do?

Scroll sideways within the map to explore all columns.

Created by Alan Hurt. Activities and notes are stored on your device. Privacy · Usage counts

ELEMENTS FIELD GUIDE