Data Table Design

Overview

Design data tables that users can scan, compare, and act on quickly. Tables are the most information-dense UI component — small design decisions (column order, alignment, number formatting) compound into large differences in usability. This skill applies established conventions so every table your team builds is consistent and readable.

When to Use

• Designing a new data table or grid component
• Reviewing an existing table for usability issues
• Building dashboards, reports, or admin interfaces with tabular data
• Choosing column order, alignment, or formatting
• Making tables responsive for smaller screens
• Formatting numbers, dates, currencies, or status values in tables

Instructions

Step 1: Understand the Data and Context